HEX Color #D3161D (Crimson)

About #D3161D

Visually, #D3161D is defined as a vivid red. Designers often compare it to the standard color Crimson. Its digital footprint relies on 211 parts red, 22 parts green, and 29 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 90% magenta, 86% yellow, and 17% black. The HSL representation is 357.8° hue, 81.1% saturation, and 45.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D3161D

RGB211, 22, 29

HSL357.8°, 81.1%, 45.7%

CMYK0%, 90%, 86%, 17%

HSV357.8°, 89.6%, 82.7%

LAB45.0, 67.4, 48.1

XYZ27.4, 14.5, 2.5

Decimal13833757

Color Harmonies

Complementary

#D3161D #16D3CC

Analogous

#D3167B #D36D16

Triadic

#1CD316 #161CD3

Tetradic

#7BD316 #16D3CC #6D16D3

Tints, Shades & Tones

Tints (Adding White)

#D3161D

#D72F36

#DC494F

#E16368

#E67D81

#EB979A

#F0B1B3

#F5CBCC

#FAE5E5

#FFFFFF

Shades (Adding Black)

#D3161D

#BB1319

#A41116

#8C0E13

#750C10

#5D090C

#460709

#2E0406

#170203

#000000

WCAG Contrast Accessibility

5.38:1

Text on #FFFFFF

AA

3.90:1

Text on #000000

AA Large

5.14:1

Text on #F8FAFC

AA

3.32:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #D3161D; }

.text-color { color: #D3161D; }

.border-color { border: 2px solid #D3161D; }

Similar Colors

Crimson

#DC143C