Chakra UI Colors

Blue 700

#2C5282

CSS Values

Package reftheme.colors.blue[700]
HEX#2C5282
RGBrgb(44, 82, 130)
HSLhsl(213, 49%, 34%)
HSL (modern)hsl(213deg 49% 34%)
OKLCHoklch(43.5% 0.091 255deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 7.97:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.64:1AA: FailAAA: FailAA Large: Fail

Other Blue shades