#C5420F

A medium, vivid orange closely aligning with Chocolate.

About #C5420F

At its core, #C5420F is a medium and vivid hue. Designers often compare it to the standard color Chocolate. Its digital footprint relies on 197 parts red, 66 parts green, and 15 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 0% cyan, 66% magenta, 92% yellow, and 23% black. With a hue angle of 16.8 degrees, it sits comfortably in the orange spectrum.

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 #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C5420F
RGB197, 66, 15
HSL16.8°, 85.8%, 41.6%
CMYK0%, 66%, 92%, 23%
HSV16.8°, 92.4%, 77.3%
LAB46.7, 50.3, 53.8
XYZ25.1, 15.8, 2.2
Decimal12927503

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

5.05:1
Text on #FFFFFF
AA
4.16:1
Text on #000000
AA Large
4.82:1
Text on #F8FAFC
AA
3.54:1
Text on #0F172A
AA Large

CSS Implementation

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

Similar Colors

Chocolate
#D2691E