Dark Bright Lagoon is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #0D6D77, which equals rgb(13, 109, 119) in RGB and hsl(186, 80%, 26%) in HSL. In print terms it converts to roughly C89 M8 Y0 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#0D6D77 - RGB
13, 109, 119 - HSL
186°, 80%, 26% - CMYK
89, 8, 0, 53 - Family
Blue - Tone
Dark, saturated
About Dark Bright 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 6.05:1. Its complementary color is #77180D.
Download Dark Bright 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 Bright Lagoon color codes
| HEX | #0D6D77 |
|---|---|
| RGB | rgb(13, 109, 119) |
| HSL | hsl(186, 80%, 26%) |
| HSV | 186°, 89%, 47% |
| CMYK | 89%, 8%, 0%, 53% |
| Decimal | 879991 |
Shades and tints of Dark Bright Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D7E7E8 - 100
#AECED2 - 200
#86B6BB - 300
#5E9EA4 - 400
#35858E - 500
#0D6D77 - 600
#0B5B63 - 700
#09494F - 800
#07373C - 900
#042428 - 950
#021214
Color harmonies for Dark Bright Lagoon
- Complementary
#77180D≈ Dark Bright Vermilion - Analogous −30°
#0D774D≈ Dark Bright Mint - Analogous +30°
#0D3877≈ Dark Bright Cerulean - Triadic +120°
#770D6D≈ Dark Bright Magenta - Triadic +240°
#6D770D≈ Dark Bright Yellow - Split 150°
#770D38≈ Dark Bright Blush - Split 210°
#774D0D≈ Dark Bright Orange
Contrast and accessibility of Dark Bright Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Lagoon | Aa | 6.05:1 | AA (good) |
| Black text on Dark Bright Lagoon | Aa | 3.47:1 | AA Large only |
CSS code for Dark Bright Lagoon
background-color: #0D6D77;color: #0D6D77;background-color: rgb(13, 109, 119);background-color: hsl(186, 80%, 26%);:root { --color-dark-bright-lagoon: #0D6D77; }class="bg-[#0D6D77]"Colors similar to Dark Bright Lagoon
- Dark Bright Cyan
#0D7777 - Dark Bright Peacock
#0D6277 - Dark Bright Teal
#0D776D - Dark Soft Cyan
#1B6A6A - Dark Peacock
#006A85 - Dark Lagoon
#007785 - Dark Soft Lagoon
#1B626A - Peacock Blue
#1B6A8A - Dark Bright Turquoise
#0D7762 - Dark Soft Teal
#1B6A62 - Dark Bright Capri
#0D5877 - Dark Capri
#005D85
More blue shades
- Light Lagoon
#52EEFF - Pale Lagoon
#7AF2FF - Very Pale Lagoon
#A3F6FF - Palest Lagoon
#CCFAFF - Darkest Bright Lagoon
#052A2E - Very Dark Bright Lagoon
#094B53 - Deep Bright Lagoon
#118E9C - Medium Dark Bright Lagoon
#15B0C1 - Bright Lagoon
#19D1E6 - Medium Light Bright Lagoon
#3ED8EA - Light Bright Lagoon
#63E0EE
Frequently asked questions
What is the HEX code for Dark Bright Lagoon?
The HEX code for Dark Bright Lagoon is #0D6D77.
What is the RGB value of Dark Bright Lagoon?
Dark Bright Lagoon has an RGB value of 13, 109, 119 (rgb(13, 109, 119)). In HSL it is 186°, 80%, 26%.
What text color should I use on Dark Bright Lagoon?
Use white text on Dark Bright Lagoon. White text has a contrast ratio of 6.05:1 and black text has 3.47:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Lagoon?
The complementary color of Dark Bright Lagoon is #77180D. Analogous colors #0D774D and #0D3877 also pair well.