Chakra UI Colors

Blue 300

#63B3ED

CSS Values

Package reftheme.colors.blue[300]
HEX#63B3ED
RGBrgb(99, 179, 237)
HSLhsl(205, 79%, 66%)
HSL (modern)hsl(205deg 79% 66%)
OKLCHoklch(73.9% 0.1154 242deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.28:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.2:1AA: PassAAA: PassAA Large: Pass

Other Blue shades