Tailwind CSS Colors

Sky 300

#7DD3FC

Tailwind classes

Backgroundbg-sky-300
Texttext-sky-300
Borderborder-sky-300
Ringring-sky-300

CSS Values

HEX#7DD3FC
RGBrgb(125, 211, 252)
HSLhsl(199, 95%, 74%)
HSL (modern)hsl(199deg 95% 74%)
OKLCHoklch(82.8% 0.1013 230deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.67:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 12.6:1AA: PassAAA: PassAA Large: Pass

Other Sky shades

Nearest Named Colors

See all
Material Design
light-blue-200
CSS Named
lightskyblue
Radix Colors
sky-10
Ant Design
blue-3
Crayola
cornflower
Bootstrap 5
cyan-300
Open Color
cyan-3
RAL Classic
6027
Munsell
5B-7-6
iOS HIG
separator