Dusty Lagoon is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #669499, which equals rgb(102, 148, 153) in RGB and hsl(186, 20%, 50%) in HSL. In print terms it converts to roughly C33 M3 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#669499 - RGB
102, 148, 153 - HSL
186°, 20%, 50% - CMYK
33, 3, 0, 40 - Family
Blue - Tone
Medium, muted
About Dusty 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 black is the most readable choice on this color, with a contrast ratio of 6.26:1. Its complementary color is #996B66.
Download Dusty 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…
Dusty Lagoon color codes
| HEX | #669499 |
|---|---|
| RGB | rgb(102, 148, 153) |
| HSL | hsl(186, 20%, 50%) |
| HSV | 186°, 33%, 60% |
| CMYK | 33%, 3%, 0%, 40% |
| Decimal | 6722713 |
Shades and tints of Dusty Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6EDEE - 100
#CCDBDD - 200
#B3CACC - 300
#99B8BB - 400
#80A6AA - 500
#669499 - 600
#557B80 - 700
#446366 - 800
#334A4D - 900
#223133 - 950
#11191A
Color harmonies for Dusty Lagoon
- Complementary
#996B66≈ Dusty Red - Analogous −30°
#669985≈ Dusty Mint - Analogous +30°
#667A99≈ Dusty Cerulean - Triadic +120°
#996694≈ Dusty Magenta - Triadic +240°
#949966≈ Dusty Lime - Split 150°
#99667A≈ Dusty Ruby - Split 210°
#998566≈ Dusty Orange
Contrast and accessibility of Dusty Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dusty Lagoon | Aa | 3.35:1 | AA Large only |
| Black text on Dusty Lagoon | Aa | 6.26:1 | AA (good) |
CSS code for Dusty Lagoon
background-color: #669499;color: #669499;background-color: rgb(102, 148, 153);background-color: hsl(186, 20%, 50%);:root { --color-dusty-lagoon: #669499; }class="bg-[#669499]"Colors similar to Dusty Lagoon
- Dusty Cyan
#669999 - Dusty Peacock
#668F99 - Dusty Teal
#669994 - Dusty Turquoise
#66998F - Dusty Capri
#668A99 - Cadet Blue
#5F9EA0 - Dusty Aquamarine
#66998A - Dusty Azure
#668599 - Dusty Seafoam
#669985 - Light Slate Gray
#778899 - Dusty Mint
#669980 - Dusty Cerulean
#667F99
More blue shades
- Very Pale Muted Lagoon
#BFE0E3 - Palest Muted Lagoon
#DBEEF0 - Very Dark Dusty Lagoon
#253537 - Dark Dusty Lagoon
#354D50 - Deep Dusty Lagoon
#456568 - Medium Dark Dusty Lagoon
#567C81 - Medium Light Dusty Lagoon
#7EA5A9 - Light Dusty Lagoon
#97B6BA - Pale Dusty Lagoon
#AFC7CA - Very Pale Dusty Lagoon
#C8D8DA - Palest Dusty Lagoon
#E0EAEB
Frequently asked questions
What is the HEX code for Dusty Lagoon?
The HEX code for Dusty Lagoon is #669499.
What is the RGB value of Dusty Lagoon?
Dusty Lagoon has an RGB value of 102, 148, 153 (rgb(102, 148, 153)). In HSL it is 186°, 20%, 50%.
What text color should I use on Dusty Lagoon?
Use black text on Dusty Lagoon. White text has a contrast ratio of 3.35:1 and black text has 6.26:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dusty Lagoon?
The complementary color of Dusty Lagoon is #996B66. Analogous colors #669985 and #667A99 also pair well.