#d1002e

Color #d1002e

A vivid, highly saturated medium red.

Closest named color Crimson #dc143c · ΔE 5.33 Nearest Tailwind class rose-700 #c70036 · ΔE 3.7

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

Conversions

HEX

#d1002e

RGB

rgb(209, 0, 46)

HSL

hsl(346.8, 100%, 41%)

HSV / HSB

hsv(346.8, 100%, 82%)

CMYK

cmyk(0%, 100%, 78%, 18%)

LAB

lab(43.88, 69.72, 37.72)

LCH

lch(43.88, 79.27, 28.41)

OKLCH

oklch(54.4%, 0.219, 22.1)

HWB

hwb(346.8, 0%, 18%)

Harmony colors

Complementary

#00d1a3

Analogous

#d10097

#d1002e

#d13b00

Triadic

#d1002e

#2ed100

#002ed1

Split-complementary

#d1002e

#00d13b

#0097d1

Tetradic

#d1002e

#d1a300

#00d1a3

#002ed1

Square

#d1002e

#97d100

#00d1a3

#3b00d1

Shades

Color #d1002e mixed toward black.

#ae0026

#8b001f

#690017

#46000f

#230008

Tints

Color #d1002e mixed toward white.

#ff043b

#ff3663

#ff698a

#ff9bb1

#ffcdd8

Tones

Color #d1002e mixed toward gray.

#c01138

#ae2342

#9d344b

#8b4655

#7a575f

Accessibility

Aa White text on this color

5.6:1

Aa Black text on this color

3.75:1

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

Under color vision deficiencies

Protanopia

#a2a127 · ΔE 55.6

Deuteranopia

#a9b226 · ΔE 60.9

Tritanopia

#cc2120 · ΔE 5.1

Achromatopsia

#686868 · ΔE 28.6

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

Code

CSS

background-color: #d1002e;

Tailwind (arbitrary value)

bg-[#d1002e]

Related colors

Crimson #dc143c

Pink #ffc0cb

Light Pink #ffb6c1

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#d1002e (#d1002e) is rgb(209, 0, 46) in RGB.

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

Generate a palette → Check contrast