HEX Color #DB4900 (Orangered)

About #DB4900

Visually, #DB4900 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Orangered. In the RGB color space, it consists of 219 red, 73 green, and 0 blue.

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 67% magenta inks. The HSL representation is 20.0° hue, 100.0% saturation, and 42.9% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 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#DB4900

RGB219, 73, 0

HSL20.0°, 100.0%, 42.9%

CMYK0%, 67%, 100%, 14%

HSV20.0°, 100.0%, 85.9%

LAB51.6, 54.8, 62.5

XYZ31.6, 19.8, 2.2

Decimal14371072

Color Harmonies

Complementary

#DB4900 #0091DB

Analogous

#DB0024 #DBB600

Triadic

#00DB49 #4900DB

Tetradic

#24DB00 #0091DB #B600DB

Tints, Shades & Tones

Tints (Adding White)

#DB4900

#DF5D1C

#E37138

#E78555

#EB9971

#EFAE8D

#F3C2AA

#F7D6C6

#FBEAE2

#FFFFFF

Shades (Adding Black)

#DB4900

#C24000

#AA3800

#923000

#792800

#612000

#491800

#301000

#180800

#000000

WCAG Contrast Accessibility

4.23:1

Text on #FFFFFF

AA Large

4.97:1

Text on #000000

AA

4.04:1

Text on #F8FAFC

AA Large

4.22:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #DB4900; }

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

Similar Colors

Orangered

#FF4500