Chakra UI Colors

Red 500

PRIMARY SHADE
#E53E3E

CSS Values

Package reftheme.colors.red[500]
HEX#E53E3E
RGBrgb(229, 62, 62)
HSLhsl(0, 76%, 57%)
HSL (modern)hsl(0deg 76% 57%)
OKLCHoklch(61.4% 0.2039 26deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.13:1AA: FailAAA: FailAA Large: Pass
AaText on black
Ratio: 5.09:1AA: PassAAA: FailAA Large: Pass

Other Red shades