Dark Lagoon is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #007785, which equals rgb(0, 119, 133) in RGB and hsl(186, 100%, 26%) in HSL. In print terms it converts to roughly C100 M11 Y0 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#007785 - RGB
0, 119, 133 - HSL
186°, 100%, 26% - CMYK
100, 11, 0, 48 - Family
Blue - Tone
Dark, vivid
About Dark Lagoon
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 5.28:1. Its complementary color is #850D00.
Download Dark Lagoon as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Dark Lagoon color codes
| HEX | #007785 |
|---|---|
| RGB | rgb(0, 119, 133) |
| HSL | hsl(186, 100%, 26%) |
| HSV | 186°, 100%, 52% |
| CMYK | 100%, 11%, 0%, 48% |
| Decimal | 30597 |
Shades and tints of Dark Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E8EB - 100
#AAD2D6 - 200
#80BBC2 - 300
#55A4AE - 400
#2B8E99 - 500
#007785 - 600
#00636F - 700
#004F59 - 800
#003C43 - 900
#00282C - 950
#001416
Color harmonies for Dark Lagoon
- Complementary
#850D00≈ Dark Red Tone - Analogous −30°
#008550≈ Dark Aquamarine - Analogous +30°
#003585≈ Dark Cerulean - Triadic +120°
#850077≈ Purple - Triadic +240°
#778500≈ Olive - Split 150°
#850035≈ Dark Blush - Split 210°
#855000≈ Dark Amber
Contrast and accessibility of Dark Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Lagoon | Aa | 5.28:1 | AA (good) |
| Black text on Dark Lagoon | Aa | 3.98:1 | AA Large only |
CSS code for Dark Lagoon
background-color: #007785;color: #007785;background-color: rgb(0, 119, 133);background-color: hsl(186, 100%, 26%);:root { --color-dark-lagoon: #007785; }class="bg-[#007785]"Colors similar to Dark Lagoon
- Teal
#008080 - Dark Peacock
#006A85 - Dark Cyan Tone
#008585 - Dark Bright Cyan
#0D7777 - Dark Bright Lagoon
#0D6D77 - Dark Teal
#008577 - Dark Cyan
#008B8B - Dark Bright Teal
#0D776D - Peacock Blue
#1B6A8A - Deep Bright Capri
#11729C - Deep Bright Peacock
#11809C - Deep Soft Peacock
#23768B
More blue shades
- Light Dusty Cyan
#97BABA - Pale Dusty Cyan
#AFCACA - Very Pale Dusty Cyan
#C8DADA - Palest Dusty Cyan
#E0EBEB - Darkest Lagoon
#002E33 - Very Dark Lagoon
#00535C - Deep Lagoon
#009CAD - Medium Dark Lagoon
#00C1D6 - Pure Lagoon
#00E5FF - Medium Light Lagoon
#29EAFF - Light Lagoon
#52EEFF
Frequently asked questions
What is the HEX code for Dark Lagoon?
The HEX code for Dark Lagoon is #007785.
What is the RGB value of Dark Lagoon?
Dark Lagoon has an RGB value of 0, 119, 133 (rgb(0, 119, 133)). In HSL it is 186°, 100%, 26%.
What text color should I use on Dark Lagoon?
Use white text on Dark Lagoon. White text has a contrast ratio of 5.28:1 and black text has 3.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Lagoon?
The complementary color of Dark Lagoon is #850D00. Analogous colors #008550 and #003585 also pair well.