HEX Color #D32C16 (Tomato)

About #D32C16

At its core, #D32C16 is a medium and vivid hue. Designers often compare it to the standard color Tomato. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 44, and 22.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 79% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D32C16

RGB211, 44, 22

HSL7.0°, 81.1%, 45.7%

CMYK0%, 79%, 90%, 17%

HSV7.0°, 89.6%, 82.7%

LAB46.6, 62.6, 52.5

XYZ27.9, 15.7, 2.3

Decimal13839382

Color Harmonies

Complementary

#D32C16 #16BCD3

Analogous

#D3165E #D38A16

Triadic

#16D32C #2C16D3

Tetradic

#5ED316 #16BCD3 #8A16D3

Tints, Shades & Tones

Tints (Adding White)

#D32C16

#D7432F

#DC5A49

#E17263

#E6897D

#EBA197

#F0B8B1

#F5D0CB

#FAE7E5

#FFFFFF

Shades (Adding Black)

#D32C16

#BB2713

#A42211

#8C1D0E

#75180C

#5D1309

#460E07

#2E0904

#170402

#000000

WCAG Contrast Accessibility

5.07:1

Text on #FFFFFF

AA

4.14:1

Text on #000000

AA Large

4.85:1

Text on #F8FAFC

AA

3.52:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D32C16; }

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

Similar Colors

Tomato

#FF6347