Tailwind CSS Colors

Sky 200

#BAE6FD

Tailwind classes

Backgroundbg-sky-200

Texttext-sky-200

Borderborder-sky-200

Ringring-sky-200

CSS Values

HEX#BAE6FD

RGBrgb(186, 230, 253)

HSLhsl(201, 94%, 86%)

HSL (modern)hsl(201deg 94% 86%)

OKLCHoklch(90.1% 0.0555 231deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Sky shades

50 100 300 400 500 600 700 800 900 950

Nearest Named Colors

Material Design

light-blue-100#B3E5FC

Radix Colors

blue-5#C2E5FF

Ant Design

blue-2#BAE0FF

Bootstrap 5

blue-100#CFE2FF

Crayola

blizzard-blue#ACE5EE

Open Color

blue-1#D0EBFF

CSS Named

powderblue#B0E0E6

iOS HIG

quaternary-label#D8D8DC

Munsell

N-9#E5E5E5

RAL Classic

7035#D7D7D7