#ECEFF1

Material bluegrey 50

#ECEFF1 is a blue colour. In RGB it is 236 red, 239 green and 241 blue, which converts to a hue of 204 degrees, 15% saturation and 94% lightness. It is Material bluegrey 50 in that design system's palette.

Color values

HEX	#ECEFF1
RGB	rgb(236, 239, 241)
HSL	hsl(204, 15%, 94%)
HSV	hsv(204, 2%, 95%)
CMYK	cmyk(2%, 1%, 0%, 5%)

Contrast and accessibility

Against white the contrast ratio is 1.15:1, and against black it is 18.18: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.15:1	Fail	Fail
Black	18.18:1	AAA	AAA

Tints and shades

Lighter tints move #ECEFF1 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#F2EFED

Analogous

Triadic

Split complementary

Code

CSS	color: #ECEFF1;
CSS rgb()	color: rgb(236 239 241);
Tailwind	bg-[#eceff1]
SwiftUI	Color(red: 0.925, green: 0.937, blue: 0.945)
Android	Color.parseColor("#ECEFF1")

Closest named color

The nearest CSS colour keyword to #ECEFF1 is whitesmoke (#F5F5F5).