#7d2424

Color #7d2424

A moderately saturated dark red.

Closest named color Brown #a52a2a · ΔE 16.69 Nearest Tailwind class red-900 #82181a · ΔE 2.8

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

Conversions

HEX

#7d2424

RGB

rgb(125, 36, 36)

HSL

hsl(0, 55.3%, 31.6%)

HSV / HSB

hsv(0, 71.2%, 49%)

CMYK

cmyk(0%, 71.2%, 71.2%, 51%)

LAB

lab(28.77, 38.3, 22.04)

LCH

lch(28.77, 44.19, 29.92)

OKLCH

oklch(40.1%, 0.1231, 24.59)

HWB

hwb(0, 14.1%, 51%)

Harmony colors

Complementary

#247d7d

Analogous

#7d2451

#7d2424

#7d5124

Triadic

#7d2424

#247d24

#24247d

Split-complementary

#7d2424

#247d51

#24517d

Tetradic

#7d2424

#7d7d24

#247d7d

#24247d

Square

#7d2424

#517d24

#247d7d

#51247d

Shades

Color #7d2424 mixed toward black.

#681e1e

#531818

#3f1212

#2a0c0c

#150606

Tints

Color #7d2424 mixed toward white.

#aa3131

#cb4a4a

#d87878

#e5a5a5

#f2d2d2

Tones

Color #7d2424 mixed toward gray.

#762b2b

#6e3333

#673a3a

#5f4242

#584949

Accessibility

Aa White text on this color

9.77:1

Aa Black text on this color

2.15:1

White text reads better on this background (9.77:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#636224 · ΔE 36.8

Deuteranopia

#676c24 · ΔE 40.8

Tritanopia

#7a2424 · ΔE 0.6

Achromatopsia

#444444 · ΔE 23.9

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

Code

CSS

background-color: #7d2424;

Tailwind (arbitrary value)

bg-[#7d2424]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#7d2424 (#7d2424) is rgb(125, 36, 36) in RGB.

No, #7d2424 is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #7d2424, or check how it holds up for accessibility.

Generate a palette → Check contrast