Chakra UI Colors#3182CE
Blue 500
PRIMARY SHADECSS Values
Package reftheme.colors.blue[500]
HEX#3182CE
RGBrgb(49, 130, 206)
HSLhsl(209, 62%, 50%)
HSL (modern)hsl(209deg 62% 50%)
OKLCHoklch(59.5% 0.1398 250deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 4.03:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.21:1AA: PassAAA: FailAA Large: Pass