Material Design Colors

Blue 100

#BBDEFB

CSS Values

HEX#BBDEFB

RGBrgb(187, 222, 251)

HSLhsl(207, 89%, 86%)

HSL (modern)hsl(207deg 89% 86%)

OKLCHoklch(88.5% 0.0546 243deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 1.4:1AA: FailAAA: FailAA Large: Fail

AaText on black

Ratio: 14.95:1AA: PassAAA: PassAA Large: Pass

Other Blue shades

50 200 300 400 500 600 700 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

Ant Design

blue-2#BAE0FF

Tailwind CSS

blue-200#BFDBFE

Radix Colors

blue-5#C2E5FF

Bootstrap 5

blue-100#CFE2FF

Open Color

blue-2#A5D8FF

Crayola

blizzard-blue#ACE5EE

CSS Named

powderblue#B0E0E6

iOS HIG

quaternary-label#D8D8DC

RAL Classic

7035#D7D7D7

Munsell

N-9#E5E5E5