"Turquoise Pool Lagoon Flare" Color Palette
Create palette1. #F9FCFD
- HEX
- #F9FCFD
- RGB
- 249, 252, 253
- HSL
- 195.00°, 50.00%, 98.43%
- OKLCH
- 0.9891, 0.0035, 219.53°
- CMYK
- 1.58%, 0.40%, 0.00%, 0.78%
- Temp.
- Cool
- Brightness
- 98.52%
- Text color
- #111827
2. #C9EFF9
- HEX
- #C9EFF9
- RGB
- 201, 239, 249
- HSL
- 192.50°, 80.00%, 88.24%
- OKLCH
- 0.9282, 0.0417, 215.43°
- CMYK
- 19.28%, 4.02%, 0.00%, 2.35%
- Temp.
- Cool
- Brightness
- 89.72%
- Text color
- #111827
3. #07A4B5
- HEX
- #07A4B5
- RGB
- 7, 164, 181
- HSL
- 185.86°, 92.55%, 36.86%
- OKLCH
- 0.6577, 0.1121, 207.88°
- CMYK
- 96.13%, 9.39%, 0.00%, 29.02%
- Temp.
- Cool
- Brightness
- 46.66%
- Text color
- #F7FFFF
4. #FED8A7
- HEX
- #FED8A7
- RGB
- 254, 216, 167
- HSL
- 33.79°, 97.75%, 82.55%
- OKLCH
- 0.9028, 0.0762, 73.67°
- CMYK
- 0.00%, 14.96%, 34.25%, 0.39%
- Temp.
- Warm
- Brightness
- 86.97%
- Text color
- #111827
CSS variables for Turquoise Pool Lagoon Flare 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: #F9FCFD;
--palette-2: #C9EFF9;
--palette-3: #07A4B5;
--palette-4: #FED8A7;
}