Soft Lagoon is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #33BDCC, which equals rgb(51, 189, 204) in RGB and hsl(186, 60%, 50%) in HSL. In print terms it converts to roughly C75 M7 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#33BDCC - RGB
51, 189, 204 - HSL
186°, 60%, 50% - CMYK
75, 7, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 9.29:1. Its complementary color is #CC4233.
Download Soft 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…
Soft Lagoon color codes
| HEX | #33BDCC |
|---|---|
| RGB | rgb(51, 189, 204) |
| HSL | hsl(186, 60%, 50%) |
| HSV | 186°, 75%, 80% |
| CMYK | 75%, 7%, 0%, 20% |
| Decimal | 3390924 |
Shades and tints of Soft Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDF4F7 - 100
#BBE9EE - 200
#99DEE6 - 300
#77D3DD - 400
#55C8D5 - 500
#33BDCC - 600
#2B9EAA - 700
#227E88 - 800
#1A5F66 - 900
#113F44 - 950
#092022
Color harmonies for Soft Lagoon
- Complementary
#CC4233≈ Soft Red - Analogous −30°
#33CC8F≈ Soft Mint - Analogous +30°
#3370CC≈ Soft Cerulean - Triadic +120°
#CC33BD≈ Soft Magenta - Triadic +240°
#BDCC33≈ Soft Yellow - Split 150°
#CC3370≈ Soft Ruby - Split 210°
#CC8F33≈ Peru
Contrast and accessibility of Soft Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Lagoon | Aa | 2.26:1 | Fails |
| Black text on Soft Lagoon | Aa | 9.29:1 | AAA (excellent) |
CSS code for Soft Lagoon
background-color: #33BDCC;color: #33BDCC;background-color: rgb(51, 189, 204);background-color: hsl(186, 60%, 50%);:root { --color-soft-lagoon: #33BDCC; }class="bg-[#33BDCC]"Colors similar to Soft Lagoon
- Soft Cyan
#33CCCC - Soft Peacock
#33ADCC - Soft Teal
#33CCBD - Medium Dark Bright Cyan
#15C1C1 - Medium Turquoise
#48D1CC - Medium Light Soft Peacock
#54BAD4 - Medium Dark Bright Lagoon
#15B0C1 - Medium Light Bright Capri
#3EB6EA - Medium Light Soft Lagoon
#54C7D4 - Medium Light Bright Peacock
#3EC7EA - Bright Peacock
#19BDE6 - Medium Light Soft Capri
#54AED4
More blue shades
- Palest Bright Lagoon
#D1F6FA - Darkest Soft Lagoon
#0A2629 - Very Dark Soft Lagoon
#124449 - Dark Soft Lagoon
#1B626A - Deep Soft Lagoon
#23808B - Medium Dark Soft Lagoon
#2B9FAB - Medium Light Soft Lagoon
#54C7D4 - Light Soft Lagoon
#74D2DC - Pale Soft Lagoon
#95DDE4 - Very Pale Soft Lagoon
#B6E7ED - Palest Soft Lagoon
#D6F2F5
Frequently asked questions
What is the HEX code for Soft Lagoon?
The HEX code for Soft Lagoon is #33BDCC.
What is the RGB value of Soft Lagoon?
Soft Lagoon has an RGB value of 51, 189, 204 (rgb(51, 189, 204)). In HSL it is 186°, 60%, 50%.
What text color should I use on Soft Lagoon?
Use black text on Soft Lagoon. White text has a contrast ratio of 2.26:1 and black text has 9.29:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Lagoon?
The complementary color of Soft Lagoon is #CC4233. Analogous colors #33CC8F and #3370CC also pair well.