Chakra UI Colors

Orange 400

#ED8936

CSS Values

Package reftheme.colors.orange[400]
HEX#ED8936
RGBrgb(237, 137, 54)
HSLhsl(27, 84%, 57%)
HSL (modern)hsl(27deg 84% 57%)
OKLCHoklch(72.4% 0.1534 56deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.55:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.23:1AA: PassAAA: PassAA Large: Pass

Other Orange shades