"Coral Lagoon Teal Glow" Color Palette
Create palette1. #E9007F
- HEX
- #E9007F
- RGB
- 233, 0, 127
- HSL
- 327.30°, 100.00%, 45.69%
- OKLCH
- 0.6060, 0.2463, 358.87°
- CMYK
- 0.00%, 100.00%, 45.49%, 8.63%
- Temp.
- Warm
- Brightness
- 33.00%
- Text color
- #F7FFFF
2. #7CDFFF
- HEX
- #7CDFFF
- RGB
- 124, 223, 255
- HSL
- 194.66°, 100.00%, 74.31%
- OKLCH
- 0.8548, 0.1030, 221.20°
- CMYK
- 51.37%, 12.55%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 77.27%
- Text color
- #111827
3. #D5FFFB
- HEX
- #D5FFFB
- RGB
- 213, 255, 251
- HSL
- 174.29°, 100.00%, 91.76%
- OKLCH
- 0.9695, 0.0433, 189.39°
- CMYK
- 16.47%, 0.00%, 1.57%, 0.00%
- Temp.
- Cool
- Brightness
- 94.90%
- Text color
- #111827
4. #FCFFC8
- HEX
- #FCFFC8
- RGB
- 252, 255, 200
- HSL
- 63.27°, 100.00%, 89.22%
- OKLCH
- 0.9844, 0.0705, 110.21°
- CMYK
- 1.18%, 0.00%, 21.57%, 0.00%
- Temp.
- Warm
- Brightness
- 97.19%
- Text color
- #111827
CSS variables for Coral Lagoon Teal Glow palette
Copy these custom properties into your stylesheet to use the palette in its displayed order. Reference a color with var(--palette-1), for example: color: var(--palette-1);
:root {
--palette-1: #E9007F;
--palette-2: #7CDFFF;
--palette-3: #D5FFFB;
--palette-4: #FCFFC8;
}