"Navy Lagoon Mist" Gradient
Create gradient0% · #14557B
- HEX
- #14557B
- RGB
- 20, 85, 123
- HSL
- 202.14°, 72.03%, 28.04%
- OKLCH
- 0.4294, 0.0885, 240.09°
- CMYK
- 83.74%, 30.89%, 0.00%, 51.76%
- Temp.
- Cool
- Brightness
- 27.41%
- Text color
- #F7FFFF
100% · #7FCEC5
- HEX
- #7FCEC5
- RGB
- 127, 206, 197
- HSL
- 173.16°, 44.63%, 65.29%
- OKLCH
- 0.7979, 0.0792, 186.51°
- CMYK
- 38.35%, 0.00%, 4.37%, 19.22%
- Temp.
- Cool
- Brightness
- 71.12%
- Text color
- #111827
CSS code for Navy Lagoon Mist gradient
Copy either declaration into a CSS rule to reproduce this gradient. Both examples use the same gradient type, direction and color stop positions as the preview.
background: linear-gradient(-45deg, #14557B 0.00%, #7FCEC5 100.00%);background-image: linear-gradient(-45deg, #14557B 0.00%, #7FCEC5 100.00%);