Chakra UI Colors

Yellow 500

PRIMARY SHADE
#D69E2E

CSS Values

Package reftheme.colors.yellow[500]
HEX#D69E2E
RGBrgb(214, 158, 46)
HSLhsl(40, 67%, 51%)
HSL (modern)hsl(40deg 67% 51%)
OKLCHoklch(73.4% 0.1377 80deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.39:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.79:1AA: PassAAA: PassAA Large: Pass

Other Yellow shades