Material Design Colors

Deep Orange A700

#DD2C00

CSS Values

HEX#DD2C00

RGBrgb(221, 44, 0)

HSLhsl(12, 100%, 43%)

HSL (modern)hsl(12deg 100% 43%)

OKLCHoklch(58.1% 0.2155 33deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 4.74:1AA: PassAAA: FailAA Large: Pass

AaText on black

Ratio: 4.43:1AA: FailAAA: FailAA Large: Pass

Other Deep Orange shades

50 100 200 300 400 500 600 700 800 900

Accent shades

Nearest Named Colors

Ant Design

volcano-7#D4380D

Tailwind CSS

red-600#DC2626

Radix Colors

tomato-11#D13415

Open Color

red-8#E03131

RAL Classic

3018#D53032

iOS HIG

accessible-red#D70015

Munsell

5R-5-14#E81B35

Bootstrap 5

red-500#DC3545

CSS Named

crimson#DC143C

Crayola

red#EE204D