Light Soft Lagoon is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #74D2DC, which equals rgb(116, 210, 220) in RGB and hsl(186, 60%, 66%) in HSL. In print terms it converts to roughly C47 M5 Y0 K14, although exact CMYK results depend on the paper and color profile.
- HEX
#74D2DC - RGB
116, 210, 220 - HSL
186°, 60%, 66% - CMYK
47, 5, 0, 14 - Family
Blue - Tone
Medium-light, saturated
About Light 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 11.99:1. Its complementary color is #DC7F74.
Download Light 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…
Light Soft Lagoon color codes
| HEX | #74D2DC |
|---|---|
| RGB | rgb(116, 210, 220) |
| HSL | hsl(186, 60%, 66%) |
| HSV | 186°, 47%, 86% |
| CMYK | 47%, 5%, 0%, 14% |
| Decimal | 7656156 |
Shades and tints of Light Soft Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8F8F9 - 100
#D1F0F3 - 200
#BAE9EE - 300
#A2E1E8 - 400
#8BDAE2 - 500
#74D2DC - 600
#61AFB7 - 700
#4D8C93 - 800
#3A696E - 900
#274649 - 950
#132325
Color harmonies for Light Soft Lagoon
- Complementary
#DC7F74≈ Light Soft Vermilion - Analogous −30°
#74DCB3≈ Light Soft Aquamarine - Analogous +30°
#749EDC≈ Light Soft Cerulean - Triadic +120°
#DC74D2≈ Orchid - Triadic +240°
#D2DC74≈ Light Soft Lime - Split 150°
#DC749E≈ Light Soft Blush - Split 210°
#DCB374≈ Light Soft Amber
Contrast and accessibility of Light Soft Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Soft Lagoon | Aa | 1.75:1 | Fails |
| Black text on Light Soft Lagoon | Aa | 11.99:1 | AAA (excellent) |
CSS code for Light Soft Lagoon
background-color: #74D2DC;color: #74D2DC;background-color: rgb(116, 210, 220);background-color: hsl(186, 60%, 66%);:root { --color-light-soft-lagoon: #74D2DC; }class="bg-[#74D2DC]"Colors similar to Light Soft Lagoon
- Light Soft Cyan
#74DCDC - Light Soft Peacock
#74C8DC - Light Soft Teal
#74DCD2 - Light Soft Turquoise
#74DCC8 - Sky Blue
#87CEEB - Light Bright Peacock
#63D2EE - Light Muted Cyan
#86CBCB - Light Soft Capri
#74BDDC - Pale Bright Capri
#88D2F2 - Light Muted Lagoon
#86C4CB - Light Bright Lagoon
#63E0EE - Light Bright Capri
#63C4EE
More blue shades
- Very Dark Soft Lagoon
#124449 - Dark Soft Lagoon
#1B626A - Deep Soft Lagoon
#23808B - Medium Dark Soft Lagoon
#2B9FAB - Soft Lagoon
#33BDCC - Medium Light Soft Lagoon
#54C7D4 - Pale Soft Lagoon
#95DDE4 - Very Pale Soft Lagoon
#B6E7ED - Palest Soft Lagoon
#D6F2F5 - Darkest Muted Lagoon
#0F2224 - Very Dark Muted Lagoon
#1C3D40
Frequently asked questions
What is the HEX code for Light Soft Lagoon?
The HEX code for Light Soft Lagoon is #74D2DC.
What is the RGB value of Light Soft Lagoon?
Light Soft Lagoon has an RGB value of 116, 210, 220 (rgb(116, 210, 220)). In HSL it is 186°, 60%, 66%.
What text color should I use on Light Soft Lagoon?
Use black text on Light Soft Lagoon. White text has a contrast ratio of 1.75:1 and black text has 11.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Soft Lagoon?
The complementary color of Light Soft Lagoon is #DC7F74. Analogous colors #74DCB3 and #749EDC also pair well.