#E3F2FD

Material blue 50

#E3F2FD is a blue colour. In RGB it is 227 red, 242 green and 253 blue, which converts to a hue of 205 degrees, 87% saturation and 94% lightness. It is Material blue 50 in that design system's palette.

Color values

HEX	#E3F2FD
RGB	rgb(227, 242, 253)
HSL	hsl(205, 87%, 94%)
HSV	hsv(205, 10%, 99%)
CMYK	cmyk(10%, 4%, 0%, 1%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#FDEDE2

Analogous

Triadic

Split complementary

Code

CSS	color: #E3F2FD;
CSS rgb()	color: rgb(227 242 253);
Tailwind	bg-[#e3f2fd]
SwiftUI	Color(red: 0.890, green: 0.949, blue: 0.992)
Android	Color.parseColor("#E3F2FD")

Closest named color

The nearest CSS colour keyword to #E3F2FD is lavender (#E6E6FA).