#B3E5FC

Material lightblue 100

#B3E5FC is a cyan colour. In RGB it is 179 red, 229 green and 252 blue, which converts to a hue of 199 degrees, 92% saturation and 85% lightness. It is Material lightblue 100 in that design system's palette.

Color values

HEX#B3E5FC
RGBrgb(179, 229, 252)
HSLhsl(199, 92%, 85%)
HSVhsv(199, 29%, 99%)
CMYKcmyk(29%, 9%, 0%, 1%)

Contrast and accessibility

Against white the contrast ratio is 1.35:1, and against black it is 15.53:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

BackgroundRatioNormal textLarge text
White1.35:1FailFail
Black15.53:1AAAAAA

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

Analogous

Triadic

Split complementary

Code

CSScolor: #B3E5FC;
CSS rgb()color: rgb(179 229 252);
Tailwindbg-[#b3e5fc]
SwiftUIColor(red: 0.702, green: 0.898, blue: 0.988)
AndroidColor.parseColor("#B3E5FC")

Closest named color

The nearest CSS colour keyword to #B3E5FC is paleturquoise (#AFEEEE).

Related tools