Orange 2

#FFF7ED

CSS Values

CSS Variablevar(--orange-2)

HEX#FFF7ED

RGBrgb(255, 247, 237)

HSLhsl(33, 100%, 96%)

HSL (modern)hsl(33deg 100% 96%)

OKLCHoklch(98% 0.0158 74deg)

Dark mode equivalent

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 1.06:1AA: FailAAA: FailAA Large: Fail

AaText on black

Ratio: 19.78:1AA: PassAAA: PassAA Large: Pass

Other Orange steps

1 3 4 5 6 7 8 9 10 11 12

Nearest Named Colors

Tailwind CSS

orange-50#FFF7ED

CSS Named

seashell#FFF5EE

Ant Design

orange-1#FFF7E6

Open Color

orange-0#FFF4E6

RAL Classic

9001#FDF4E3

Material Design

grey-50#FAFAFA

Bootstrap 5

gray-100#F8F9FA

iOS HIG

quaternary-system-fill#F2F2F3

Crayola

white#EDEDED

Munsell

N-9#E5E5E5