Orange 6

#FFC182

CSS Values

CSS Variablevar(--orange-6)

HEX#FFC182

RGBrgb(255, 193, 130)

HSLhsl(30, 100%, 75%)

HSL (modern)hsl(30deg 100% 75%)

OKLCHoklch(85.4% 0.1068 66deg)

Dark mode equivalent

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Orange steps

1 2 3 4 5 7 8 9 10 11 12

Nearest Named Colors

Open Color

orange-3#FFC078

Crayola

macaroni-and-cheese#FFBD88

Tailwind CSS

orange-300#FDBA74

Ant Design

orange-4#FFC069

Munsell

5YR-8-4#F0C890

Material Design

orange-200#FFCC80

Bootstrap 5

orange-300#FEB272

RAL Classic

1015#E6D690

CSS Named

burlywood#DEB887

iOS HIG

system-yellow#FFCC00