"Moss Forest Aqua Ray" Color Palette
Create palette1. #F8FCFB
- HEX
- #F8FCFB
- RGB
- 248, 252, 251
- HSL
- 165.00°, 40.00%, 98.04%
- OKLCH
- 0.9878, 0.0044, 179.74°
- CMYK
- 1.59%, 0.00%, 0.40%, 1.18%
- Temp.
- Cool
- Brightness
- 98.31%
- Text color
- #111827
2. #C9FDD7
- HEX
- #C9FDD7
- RGB
- 201, 253, 215
- HSL
- 136.15°, 92.86%, 89.02%
- OKLCH
- 0.9481, 0.0735, 153.16°
- CMYK
- 20.55%, 0.00%, 15.02%, 0.78%
- Temp.
- Cool
- Brightness
- 91.42%
- Text color
- #111827
3. #79D1C3
- HEX
- #79D1C3
- RGB
- 121, 209, 195
- HSL
- 170.45°, 48.89%, 64.71%
- OKLCH
- 0.8013, 0.0879, 182.67°
- CMYK
- 42.11%, 0.00%, 6.70%, 18.04%
- Temp.
- Cool
- Brightness
- 71.02%
- Text color
- #111827
4. #6892D5
- HEX
- #6892D5
- RGB
- 104, 146, 213
- HSL
- 216.88°, 56.48%, 62.16%
- OKLCH
- 0.6577, 0.1108, 259.44°
- CMYK
- 51.17%, 31.46%, 0.00%, 16.47%
- Temp.
- Cool
- Brightness
- 55.33%
- Text color
- #F7FFFF
CSS variables for Moss Forest Aqua Ray 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: #F8FCFB;
--palette-2: #C9FDD7;
--palette-3: #79D1C3;
--palette-4: #6892D5;
}