"Lagoon Aqua Teal Dream" Color Palette
Create palette1. #00E0FF
- HEX
- #00E0FF
- RGB
- 0, 224, 255
- HSL
- 187.29°, 100.00%, 50.00%
- OKLCH
- 0.8324, 0.1452, 212.28°
- CMYK
- 100.00%, 12.16%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 62.96%
- Text color
- #111827
2. #74F9FF
- HEX
- #74F9FF
- RGB
- 116, 249, 255
- HSL
- 182.59°, 100.00%, 72.75%
- OKLCH
- 0.9100, 0.1169, 199.33°
- CMYK
- 54.51%, 2.35%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 82.32%
- Text color
- #111827
3. #A6FFF2
- HEX
- #A6FFF2
- RGB
- 166, 255, 242
- HSL
- 171.24°, 100.00%, 82.55%
- OKLCH
- 0.9402, 0.0875, 184.25°
- CMYK
- 34.90%, 0.00%, 5.10%, 0.00%
- Temp.
- Cool
- Brightness
- 88.98%
- Text color
- #111827
4. #E8FFE8
- HEX
- #E8FFE8
- RGB
- 232, 255, 232
- HSL
- 120.00°, 100.00%, 95.49%
- OKLCH
- 0.9771, 0.0387, 145.27°
- CMYK
- 9.02%, 0.00%, 9.02%, 0.00%
- Temp.
- Cool
- Brightness
- 96.27%
- Text color
- #111827
CSS variables for Lagoon Aqua Teal Dream 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: #00E0FF;
--palette-2: #74F9FF;
--palette-3: #A6FFF2;
--palette-4: #E8FFE8;
}