#FF8C00

A medium, vivid orange closely aligning with Darkorange.

About #FF8C00

At its core, #FF8C00 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Darkorange. Its digital footprint relies on 255 parts red, 140 parts green, and 0 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, 45% magenta, 100% yellow, and 0% black. This makes it a relatively light color when applied to physical surfaces.

From a UX and accessibility standpoint, contrast is paramount. 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#FF8C00
RGB255, 140, 0
HSL32.9°, 100.0%, 50.0%
CMYK0%, 45%, 100%, 0%
HSV32.9°, 100.0%, 100.0%
LAB69.5, 36.8, 75.5
XYZ50.6, 40.0, 5.1
Decimal16747520

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.33:1
Text on #FFFFFF
FAIL
9.00:1
Text on #000000
AAA
2.23:1
Text on #F8FAFC
FAIL
7.65:1
Text on #0F172A
AAA

CSS Implementation

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

Similar Colors

Darkorange
#FF8C00