HEX Color #D3331D (Tomato)

About #D3331D

The hex code #D3331D represents a beautifully specific shade of red. Its closest recognized web color is Tomato. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 51, and 29.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 0% cyan and 76% magenta inks. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D3331D

RGB211, 51, 29

HSL7.3°, 75.8%, 47.1%

CMYK0%, 76%, 86%, 17%

HSV7.3°, 86.3%, 82.7%

LAB47.4, 60.6, 50.1

XYZ28.3, 16.3, 2.8

Decimal13841181

Color Harmonies

Complementary

#D3331D #1DBDD2

Analogous

#D21D61 #D28E1D

Triadic

#1DD233 #321DD2

Tetradic

#61D21D #1DBDD2 #8E1DD2

Tints, Shades & Tones

Tints (Adding White)

#D3331D

#D74936

#DC604F

#E17768

#E68D81

#EBA49A

#F0BBB3

#F5D1CC

#FAE8E5

#FFFFFF

Shades (Adding Black)

#D3331D

#BB2D19

#A42716

#8C2213

#751C10

#5D160C

#461109

#2E0B06

#170503

#000000

WCAG Contrast Accessibility

4.93:1

Text on #FFFFFF

AA

4.26:1

Text on #000000

AA Large

4.71:1

Text on #F8FAFC

AA

3.62:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #D3331D; }

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

Similar Colors

Tomato

#FF6347