Light Bright Lagoon is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #63E0EE, which equals rgb(99, 224, 238) in RGB and hsl(186, 80%, 66%) in HSL. In print terms it converts to roughly C58 M6 Y0 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#63E0EE - RGB
99, 224, 238 - HSL
186°, 80%, 66% - CMYK
58, 6, 0, 7 - Family
Blue - Tone
Medium-light, saturated
About Light Bright 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 13.43:1. Its complementary color is #EE7163.
Download Light Bright 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 Bright Lagoon color codes
| HEX | #63E0EE |
|---|---|
| RGB | rgb(99, 224, 238) |
| HSL | hsl(186, 80%, 66%) |
| HSV | 186°, 58%, 93% |
| CMYK | 58%, 6%, 0%, 7% |
| Decimal | 6545646 |
Shades and tints of Light Bright Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5FAFC - 100
#CBF5F9 - 200
#B1F0F7 - 300
#97EAF4 - 400
#7DE5F1 - 500
#63E0EE - 600
#53BBC6 - 700
#42959F - 800
#327077 - 900
#214B4F - 950
#112528
Color harmonies for Light Bright Lagoon
- Complementary
#EE7163≈ Terracotta - Analogous −30°
#63EEB6≈ Light Bright Mint - Analogous +30°
#639AEE≈ Cornflower Blue - Triadic +120°
#EE63E0≈ Light Bright Magenta - Triadic +240°
#E0EE63≈ Light Bright Lime - Split 150°
#EE639A≈ Light Bright Ruby - Split 210°
#EEB663≈ Light Bright Orange
Contrast and accessibility of Light Bright Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Bright Lagoon | Aa | 1.56:1 | Fails |
| Black text on Light Bright Lagoon | Aa | 13.43:1 | AAA (excellent) |
CSS code for Light Bright Lagoon
background-color: #63E0EE;color: #63E0EE;background-color: rgb(99, 224, 238);background-color: hsl(186, 80%, 66%);:root { --color-light-bright-lagoon: #63E0EE; }class="bg-[#63E0EE]"Colors similar to Light Bright Lagoon
- Light Bright Cyan
#63EEEE - Light Bright Peacock
#63D2EE - Light Bright Teal
#63EEE0 - Light Peacock
#52DCFF - Light Soft Cyan
#74DCDC - Pale Peacock
#7AE4FF - Light Lagoon
#52EEFF - Light Soft Lagoon
#74D2DC - Pale Capri
#7AD7FF - Light Soft Teal
#74DCD2 - Light Bright Turquoise
#63EED2 - Medium Light Soft Cyan
#54D4D4
More blue shades
- Very Dark Bright Lagoon
#094B53 - Dark Bright Lagoon
#0D6D77 - Deep Bright Lagoon
#118E9C - Medium Dark Bright Lagoon
#15B0C1 - Bright Lagoon
#19D1E6 - Medium Light Bright Lagoon
#3ED8EA - Pale Bright Lagoon
#88E7F2 - Very Pale Bright Lagoon
#ACEEF6 - Palest Bright Lagoon
#D1F6FA - Darkest Soft Lagoon
#0A2629 - Very Dark Soft Lagoon
#124449
Frequently asked questions
What is the HEX code for Light Bright Lagoon?
The HEX code for Light Bright Lagoon is #63E0EE.
What is the RGB value of Light Bright Lagoon?
Light Bright Lagoon has an RGB value of 99, 224, 238 (rgb(99, 224, 238)). In HSL it is 186°, 80%, 66%.
What text color should I use on Light Bright Lagoon?
Use black text on Light Bright Lagoon. White text has a contrast ratio of 1.56:1 and black text has 13.43:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Bright Lagoon?
The complementary color of Light Bright Lagoon is #EE7163. Analogous colors #63EEB6 and #639AEE also pair well.