#d21616

Color #d21616

A vivid, highly saturated medium red.

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

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

Conversions

HEX

#d21616

RGB

rgb(210, 22, 22)

HSL

hsl(0, 81%, 45.5%)

HSV / HSB

hsv(0, 89.5%, 82.4%)

CMYK

cmyk(0%, 89.5%, 89.5%, 17.6%)

LAB

lab(44.71, 67.04, 51.01)

LCH

lch(44.71, 84.24, 37.27)

OKLCH

oklch(54.9%, 0.2155, 28.28)

HWB

hwb(0, 8.6%, 17.6%)

Harmony colors

Complementary

#16d2d2

Analogous

#d21674

#d21616

#d27416

Triadic

#d21616

#16d216

#1616d2

Split-complementary

#d21616

#16d274

#1674d2

Tetradic

#d21616

#d2d216

#16d2d2

#1616d2

Square

#d21616

#74d216

#16d2d2

#7416d2

Shades

Color #d21616 mixed toward black.

#af1212

#8c0f0f

#690b0b

#460707

#230404

Tints

Color #d21616 mixed toward white.

#e92d2d

#ed5757

#f28181

#f6abab

#fbd5d5

Tones

Color #d21616 mixed toward gray.

#c22626

#b33535

#a34545

#935555

#846464

Accessibility

Aa White text on this color

5.43:1

Aa Black text on this color

3.87:1

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

Under color vision deficiencies

Protanopia

#a4a216 · ΔE 52

Deuteranopia

#abb316 · ΔE 57.1

Tritanopia

#cd1616 · ΔE 1

Achromatopsia

#6a6a6a · ΔE 29.1

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

Code

CSS

background-color: #d21616;

Tailwind (arbitrary value)

bg-[#d21616]

Related colors

Red #ff0000

Maroon #800000

Black #000000

Brown #a52a2a

Dark Gray #a9a9a9

Dark Red #8b0000

Frequently asked questions

#d21616 (#d21616) is rgb(210, 22, 22) in RGB.

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

Generate a palette → Check contrast