Light Lagoon is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #52EEFF, which equals rgb(82, 238, 255) in RGB and hsl(186, 100%, 66%) in HSL. In print terms it converts to roughly C68 M7 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#52EEFF - RGB
82, 238, 255 - HSL
186°, 100%, 66% - CMYK
68, 7, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light 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 15.03:1. Its complementary color is #FF6352.
Download Light 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 Lagoon color codes
| HEX | #52EEFF |
|---|---|
| RGB | rgb(82, 238, 255) |
| HSL | hsl(186, 100%, 66%) |
| HSV | 186°, 68%, 100% |
| CMYK | 68%, 7%, 0%, 0% |
| Decimal | 5435135 |
Shades and tints of Light Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2FCFF - 100
#C5F9FF - 200
#A9F7FF - 300
#8CF4FF - 400
#6FF1FF - 500
#52EEFF - 600
#44C6D5 - 700
#379FAA - 800
#297780 - 900
#1B4F55 - 950
#0E282B
Color harmonies for Light Lagoon
- Complementary
#FF6352≈ Tomato - Analogous −30°
#52FFBA≈ Light Aquamarine - Analogous +30°
#5297FF≈ Light Cerulean - Triadic +120°
#FF52EE≈ Light Magenta - Triadic +240°
#EEFF52≈ Light Yellow Tone - Split 150°
#FF5297≈ Light Blush - Split 210°
#FFBA52≈ Light Amber
Contrast and accessibility of Light Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Lagoon | Aa | 1.40:1 | Fails |
| Black text on Light Lagoon | Aa | 15.03:1 | AAA (excellent) |
CSS code for Light Lagoon
background-color: #52EEFF;color: #52EEFF;background-color: rgb(82, 238, 255);background-color: hsl(186, 100%, 66%);:root { --color-light-lagoon: #52EEFF; }class="bg-[#52EEFF]"Colors similar to Light Lagoon
- Light Cyan Tone
#52FFFF - Light Peacock
#52DCFF - Light Bright Cyan
#63EEEE - Light Teal
#52FFEE - Medium Light Bright Cyan
#3EEAEA - Light Bright Lagoon
#63E0EE - Light Bright Teal
#63EEE0 - Medium Light Lagoon
#29EAFF - Pale Lagoon
#7AF2FF - Medium Light Bright Lagoon
#3ED8EA - Pale Peacock
#7AE4FF - Light Turquoise
#52FFDC
More blue shades
- Very Dark Lagoon
#00535C - Dark Lagoon
#007785 - Deep Lagoon
#009CAD - Medium Dark Lagoon
#00C1D6 - Pure Lagoon
#00E5FF - Medium Light Lagoon
#29EAFF - Pale Lagoon
#7AF2FF - Very Pale Lagoon
#A3F6FF - Palest Lagoon
#CCFAFF - Darkest Bright Lagoon
#052A2E - Very Dark Bright Lagoon
#094B53
Frequently asked questions
What is the HEX code for Light Lagoon?
The HEX code for Light Lagoon is #52EEFF.
What is the RGB value of Light Lagoon?
Light Lagoon has an RGB value of 82, 238, 255 (rgb(82, 238, 255)). In HSL it is 186°, 100%, 66%.
What text color should I use on Light Lagoon?
Use black text on Light Lagoon. White text has a contrast ratio of 1.40:1 and black text has 15.03:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Lagoon?
The complementary color of Light Lagoon is #FF6352. Analogous colors #52FFBA and #5297FF also pair well.