Deep Lagoon is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #009CAD, which equals rgb(0, 156, 173) in RGB and hsl(186, 100%, 34%) in HSL. In print terms it converts to roughly C100 M10 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#009CAD - RGB
0, 156, 173 - HSL
186°, 100%, 34% - CMYK
100, 10, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep 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 black is the most readable choice on this color, with a contrast ratio of 6.36:1. Its complementary color is #AD1100.
Download Deep 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…
Deep Lagoon color codes
| HEX | #009CAD |
|---|---|
| RGB | rgb(0, 156, 173) |
| HSL | hsl(186, 100%, 34%) |
| HSV | 186°, 100%, 68% |
| CMYK | 100%, 10%, 0%, 32% |
| Decimal | 40109 |
Shades and tints of Deep Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5EFF1 - 100
#AADEE4 - 200
#80CED6 - 300
#55BDC8 - 400
#2BADBB - 500
#009CAD - 600
#008290 - 700
#006873 - 800
#004E57 - 900
#00343A - 950
#001A1D
Color harmonies for Deep Lagoon
- Complementary
#AD1100≈ Deep Red - Analogous −30°
#00AD68≈ Jade - Analogous +30°
#0045AD≈ Cobalt Blue - Triadic +120°
#AD009C≈ Deep Magenta - Triadic +240°
#9CAD00≈ Deep Lime - Split 150°
#AD0045≈ Deep Ruby - Split 210°
#AD6800≈ Caramel
Contrast and accessibility of Deep Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Lagoon | Aa | 3.30:1 | AA Large only |
| Black text on Deep Lagoon | Aa | 6.36:1 | AA (good) |
CSS code for Deep Lagoon
background-color: #009CAD;color: #009CAD;background-color: rgb(0, 156, 173);background-color: hsl(186, 100%, 34%);:root { --color-deep-lagoon: #009CAD; }class="bg-[#009CAD]"Colors similar to Deep Lagoon
- Deep Cyan
#00ADAD - Deep Peacock
#008BAD - Deep Bright Cyan
#119C9C - Deep Teal
#00AD9C - Medium Dark Bright Peacock
#159FC1 - Deep Bright Lagoon
#118E9C - Medium Dark Bright Capri
#158DC1 - Deep Bright Teal
#119C8E - Medium Dark Bright Lagoon
#15B0C1 - Medium Dark Soft Lagoon
#2B9FAB - Light Sea Green
#20B2AA - Medium Dark Soft Peacock
#2B92AB
More blue shades
- Pale Dusty Cyan
#AFCACA - Very Pale Dusty Cyan
#C8DADA - Palest Dusty Cyan
#E0EBEB - Darkest Lagoon
#002E33 - Very Dark Lagoon
#00535C - Dark Lagoon
#007785 - Medium Dark Lagoon
#00C1D6 - Pure Lagoon
#00E5FF - Medium Light Lagoon
#29EAFF - Light Lagoon
#52EEFF - Pale Lagoon
#7AF2FF
Frequently asked questions
What is the HEX code for Deep Lagoon?
The HEX code for Deep Lagoon is #009CAD.
What is the RGB value of Deep Lagoon?
Deep Lagoon has an RGB value of 0, 156, 173 (rgb(0, 156, 173)). In HSL it is 186°, 100%, 34%.
What text color should I use on Deep Lagoon?
Use black text on Deep Lagoon. White text has a contrast ratio of 3.30:1 and black text has 6.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Lagoon?
The complementary color of Deep Lagoon is #AD1100. Analogous colors #00AD68 and #0045AD also pair well.