Orange 4

#FFDFB5

CSS Values

CSS Variablevar(--orange-4)

HEX#FFDFB5

RGBrgb(255, 223, 181)

HSLhsl(34, 100%, 85%)

HSL (modern)hsl(34deg 100% 85%)

OKLCHoklch(92% 0.0651 74deg)

Dark mode equivalent

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Orange steps

1 2 3 5 6 7 8 9 10 11 12

Nearest Named Colors

Material Design

orange-100#FFE0B2

CSS Named

navajowhite#FFDEAD

Crayola

apricot#FDD9B5

Ant Design

orange-2#FFE7BA

Open Color

orange-2#FFD8A8

Tailwind CSS

orange-200#FED7AA

Bootstrap 5

orange-100#FFE5D0

RAL Classic

1013#EAE6CA

Munsell

N-9#E5E5E5

iOS HIG

system-fill#E7E7EB