HEX Color #DB6D1D (Chocolate)

About #DB6D1D

The precise color #DB6D1D is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 109, and 29.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 50% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#DB6D1D

RGB219, 109, 29

HSL25.3°, 76.6%, 48.6%

CMYK0%, 50%, 87%, 14%

HSV25.3°, 86.8%, 85.9%

LAB58.1, 38.6, 59.4

XYZ34.9, 26.1, 4.4

Decimal14380317

Color Harmonies

Complementary

#DB6D1D #1D8ADB

Analogous

#DB1D2C #DBCC1D

Triadic

#1DDB6D #6D1DDB

Tetradic

#2CDB1D #1D8ADB #CB1DDB

Tints, Shades & Tones

Tints (Adding White)

#DB6D1D

#DF7D36

#E38D4F

#E79D68

#EBAD81

#EFBE9A

#F3CEB3

#F7DECC

#FBEEE5

#FFFFFF

Shades (Adding Black)

#DB6D1D

#C26019

#AA5416

#924813

#793C10

#61300C

#492409

#301806

#180C03

#000000

WCAG Contrast Accessibility

3.38:1

Text on #FFFFFF

AA Large

6.22:1

Text on #000000

AA

3.23:1

Text on #F8FAFC

AA Large

5.29:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #DB6D1D; }

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

Similar Colors

Chocolate

#D2691E