Chakra UI Colors

Blue 400

#4299E1

CSS Values

Package reftheme.colors.blue[400]
HEX#4299E1
RGBrgb(66, 153, 225)
HSLhsl(207, 73%, 57%)
HSL (modern)hsl(207deg 73% 57%)
OKLCHoklch(66.3% 0.1358 247deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 3.05:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 6.88:1AA: PassAAA: FailAA Large: Pass

Other Blue shades