Material Design Colors

Blue 50

#E3F2FD

CSS Values

HEX#E3F2FD

RGBrgb(227, 242, 253)

HSLhsl(205, 87%, 94%)

HSL (modern)hsl(205deg 87% 94%)

OKLCHoklch(95.3% 0.0218 239deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Blue shades

100 200 300 400 500 600 700 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

Tailwind CSS

sky-100#E0F2FE

Radix Colors

blue-3#E6F4FE

Ant Design

blue-1#E6F4FF

Open Color

blue-0#E7F5FF

iOS HIG

system-gray6#F2F2F7

Bootstrap 5

gray-200#E9ECEF

Crayola

white#EDEDED

CSS Named

aliceblue#F0F8FF

RAL Classic

9003#F4F4F4

Munsell

N-9#E5E5E5