Material Design Colors

Red 700

#D32F2F

CSS Values

HEX#D32F2F

RGBrgb(211, 47, 47)

HSLhsl(0, 65%, 51%)

HSL (modern)hsl(0deg 65% 51%)

OKLCHoklch(56.8% 0.2002 26deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

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

AaText on black

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

Other Red shades

50 100 200 300 400 500 600 800 900

Accent shades

A100 A200 A400 A700

Nearest Named Colors

RAL Classic

3018#D53032

Radix Colors

red-11#CE2C31

Tailwind CSS

red-600#DC2626

Open Color

red-9#C92A2A

Munsell

5R-5-10#D03248

Ant Design

red-7#CF1322

iOS HIG

accessible-red#D70015

Bootstrap 5

red-500#DC3545

CSS Named

crimson#DC143C

Crayola

brick-red#CB4154