Bright Lagoon is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #19D1E6, which equals rgb(25, 209, 230) in RGB and hsl(186, 80%, 50%) in HSL. In print terms it converts to roughly C89 M9 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#19D1E6 - RGB
25, 209, 230 - HSL
186°, 80%, 50% - CMYK
89, 9, 0, 10 - Family
Blue - Tone
Medium, saturated
About 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. 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 11.30:1. Its complementary color is #E62E1A.
Download 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…
Bright Lagoon color codes
| HEX | #19D1E6 |
|---|---|
| RGB | rgb(25, 209, 230) |
| HSL | hsl(186, 80%, 50%) |
| HSV | 186°, 89%, 90% |
| CMYK | 89%, 9%, 0%, 10% |
| Decimal | 1692134 |
Shades and tints of Bright Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9F7FB - 100
#B2F0F7 - 200
#8CE8F3 - 300
#66E0EE - 400
#3FD9EA - 500
#19D1E6 - 600
#15AEC0 - 700
#118B99 - 800
#0D6973 - 900
#08464D - 950
#042326
Color harmonies for Bright Lagoon
- Complementary
#E62E1A≈ Bright Scarlet - Analogous −30°
#1AE694≈ Bright Seafoam - Analogous +30°
#1A6BE6≈ Bright Cornflower - Triadic +120°
#E61AD1≈ Bright Fuchsia - Triadic +240°
#D1E61A≈ Bright Citron - Split 150°
#E61A6B≈ Bright Carmine - Split 210°
#E6941A≈ Bright Tangerine
Contrast and accessibility of Bright Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Lagoon | Aa | 1.86:1 | Fails |
| Black text on Bright Lagoon | Aa | 11.30:1 | AAA (excellent) |
CSS code for Bright Lagoon
background-color: #19D1E6;color: #19D1E6;background-color: rgb(25, 209, 230);background-color: hsl(186, 80%, 50%);:root { --color-bright-lagoon: #19D1E6; }class="bg-[#19D1E6]"Colors similar to Bright Lagoon
- Bright Cyan
#19E5E6 - Bright Peacock
#19BDE6 - Medium Dark Cyan
#00D6D6 - Medium Light Peacock
#29D4FF - Dark Turquoise
#00CED1 - Bright Teal
#19E6D1 - Medium Dark Lagoon
#00C1D6 - Medium Light Bright Lagoon
#3ED8EA - Pure Peacock
#00CCFF - Medium Light Bright Peacock
#3EC7EA - Soft Cyan
#33CCCC - Medium Light Capri
#29BFFF
More blue shades
- Palest Lagoon
#CCFAFF - Darkest Bright Lagoon
#052A2E - Very Dark Bright Lagoon
#094B53 - Dark Bright Lagoon
#0D6D77 - Deep Bright Lagoon
#118E9C - Medium Dark Bright Lagoon
#15B0C1 - Medium Light Bright Lagoon
#3ED8EA - Light Bright Lagoon
#63E0EE - Pale Bright Lagoon
#88E7F2 - Very Pale Bright Lagoon
#ACEEF6 - Palest Bright Lagoon
#D1F6FA
Frequently asked questions
What is the HEX code for Bright Lagoon?
The HEX code for Bright Lagoon is #19D1E6.
What is the RGB value of Bright Lagoon?
Bright Lagoon has an RGB value of 25, 209, 230 (rgb(25, 209, 230)). In HSL it is 186°, 80%, 50%.
What text color should I use on Bright Lagoon?
Use black text on Bright Lagoon. White text has a contrast ratio of 1.86:1 and black text has 11.30:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Lagoon?
The complementary color of Bright Lagoon is #E62E1A. Analogous colors #1AE694 and #1A6BE6 also pair well.