#DB7C3A

A medium, moderate orange closely aligning with Chocolate.

About #DB7C3A

The precise color #DB7C3A is an excellent choice for modern design projects. It is closely associated with the named CSS color Chocolate. To achieve this exact tint on a monitor, you would use an RGB mix of 219, 124, and 58.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 0% cyan, 43% magenta, 74% yellow, and 14% black. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#DB7C3A
RGB219, 124, 58
HSL24.6°, 69.1%, 54.3%
CMYK0%, 43%, 74%, 14%
HSV24.6°, 73.5%, 85.9%
LAB61.5, 31.8, 50.5
XYZ37.2, 29.8, 7.8
Decimal14384186

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.02:1
Text on #FFFFFF
AA Large
6.96:1
Text on #000000
AA
2.89:1
Text on #F8FAFC
FAIL
5.91:1
Text on #0F172A
AA

CSS Implementation

.bg-color { background-color: #DB7C3A; }
.text-color { color: #DB7C3A; }
.border-color { border: 2px solid #DB7C3A; }

Similar Colors

Chocolate
#D2691E