#d72424

Color #d72424

A vivid, highly saturated medium red.

Closest named color Crimson #dc143c · ΔE 13.81 Nearest Tailwind class red-600 #e7000b · ΔE 4.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#d72424

RGB

rgb(215, 36, 36)

HSL

hsl(0, 71.3%, 49.2%)

HSV / HSB

hsv(0, 83.3%, 84.3%)

CMYK

cmyk(0%, 83.3%, 83.3%, 15.7%)

LAB

lab(46.77, 65.98, 46.49)

LCH

lch(46.77, 80.71, 35.17)

OKLCH

oklch(56.7%, 0.2121, 27.4)

HWB

hwb(0, 14.1%, 15.7%)

Harmony colors

Complementary

#24d7d7

Analogous

#d7247d

#d72424

#d77d24

Triadic

#d72424

#24d724

#2424d7

Split-complementary

#d72424

#24d77d

#247dd7

Tetradic

#d72424

#d7d724

#24d7d7

#2424d7

Square

#d72424

#7dd724

#24d7d7

#7d24d7

Shades

Color #d72424 mixed toward black.

#b31e1e

#8f1818

#6b1212

#480c0c

#240606

Tints

Color #d72424 mixed toward white.

#e04646

#e66b6b

#ec9090

#f3b5b5

#f9dada

Tones

Color #d72424 mixed toward gray.

#c83333

#b94242

#aa5151

#9b6060

#8c6f6f

Accessibility

Aa White text on this color

5.04:1

Aa Black text on this color

4.17:1

White text reads better on this background (5.04:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#a8a724 · ΔE 52.4

Deuteranopia

#afb824 · ΔE 57.4

Tritanopia

#d22424 · ΔE 1.1

Achromatopsia

#6f6f6f · ΔE 28.7

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #d72424;

Tailwind (arbitrary value)

bg-[#d72424]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#d72424 (#d72424) is rgb(215, 36, 36) in RGB.

No, #d72424 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #d72424, or check how it holds up for accessibility.

Generate a palette → Check contrast