Chakra UI Colors

Orange 50

#FFFAF0

CSS Values

Package reftheme.colors.orange[50]
HEX#FFFAF0
RGBrgb(255, 250, 240)
HSLhsl(40, 100%, 97%)
HSL (modern)hsl(40deg 100% 97%)
OKLCHoklch(98.6% 0.0142 85deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.04:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 20.18:1AA: PassAAA: PassAA Large: Pass

Other Orange shades