#E1F5FE
Material lightblue 50
#E1F5FE is a cyan colour. In RGB it is 225 red, 245 green and 254 blue, which converts to a hue of 199 degrees, 94% saturation and 94% lightness. It is Material lightblue 50 in that design system's palette.
Color values
| HEX | #E1F5FE |
|---|---|
| RGB | rgb(225, 245, 254) |
| HSL | hsl(199, 94%, 94%) |
| HSV | hsv(199, 11%, 100%) |
| CMYK | cmyk(11%, 4%, 0%, 0%) |
Contrast and accessibility
Against white the contrast ratio is 1.12:1, and against black it is 18.69:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.
| Background | Ratio | Normal text | Large text |
|---|---|---|---|
| White | 1.12:1 | Fail | Fail |
| Black | 18.69:1 | AAA | AAA |
Tints and shades
Lighter tints move #E1F5FE toward white, and darker shades move it toward black.
Tints
Shades
Color harmonies
Complementary
Analogous
Triadic
Split complementary
Code
| CSS | color: #E1F5FE; |
|---|---|
| CSS rgb() | color: rgb(225 245 254); |
| Tailwind | bg-[#e1f5fe] |
| SwiftUI | Color(red: 0.882, green: 0.961, blue: 0.996) |
| Android | Color.parseColor("#E1F5FE") |
Closest named color
The nearest CSS colour keyword to #E1F5FE is lightcyan (#E0FFFF).