Chakra UI Colors

Yellow 300

#F6E05E

CSS Values

Package reftheme.colors.yellow[300]
HEX#F6E05E
RGBrgb(246, 224, 94)
HSLhsl(51, 89%, 67%)
HSL (modern)hsl(51deg 89% 67%)
OKLCHoklch(90.1% 0.1496 100deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.33:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 15.74:1AA: PassAAA: PassAA Large: Pass

Other Yellow shades