#BBDEFB

Material blue 100

#BBDEFB is a blue colour. In RGB it is 187 red, 222 green and 251 blue, which converts to a hue of 207 degrees, 89% saturation and 86% lightness. It is Material blue 100 in that design system's palette.

Color values

HEX	#BBDEFB
RGB	rgb(187, 222, 251)
HSL	hsl(207, 89%, 86%)
HSV	hsv(207, 25%, 98%)
CMYK	cmyk(25%, 12%, 0%, 2%)

Contrast and accessibility

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

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#FBD8BC

Analogous

Triadic

Split complementary

Code

CSS	color: #BBDEFB;
CSS rgb()	color: rgb(187 222 251);
Tailwind	bg-[#bbdefb]
SwiftUI	Color(red: 0.733, green: 0.871, blue: 0.984)
Android	Color.parseColor("#BBDEFB")

Closest named color

The nearest CSS colour keyword to #BBDEFB is powderblue (#B0E0E6).