HEX Color #FF7C00 (Darkorange)

About #FF7C00

The precise color #FF7C00 is an excellent choice for modern design projects. Its closest recognized web color is Darkorange. Its digital footprint relies on 255 parts red, 124 parts green, and 0 parts blue light.

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 51% magenta inks. The HSL representation is 29.2° hue, 100.0% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#FF7C00

RGB255, 124, 0

HSL29.2°, 100.0%, 50.0%

CMYK0%, 51%, 100%, 0%

HSV29.2°, 100.0%, 100.0%

LAB66.3, 44.8, 73.6

XYZ48.4, 35.7, 4.3

Decimal16743424

Color Harmonies

Complementary

#FF7C00 #0082FF

Analogous

#FF0003 #FFFB00

Triadic

#00FF7C #7B00FF

Tetradic

#03FF00 #0082FF #FB00FF

Tints, Shades & Tones

Tints (Adding White)

#FF7C00

#FF8A1C

#FF9938

#FFA755

#FFB671

#FFC48D

#FFD3AA

#FFE1C6

#FFF0E2

#FFFFFF

Shades (Adding Black)

#FF7C00

#E26E00

#C66000

#AA5200

#8D4400

#713700

#552900

#381B00

#1C0D00

#000000

WCAG Contrast Accessibility

2.58:1

Text on #FFFFFF

FAIL

8.14:1

Text on #000000

AAA

2.47:1

Text on #F8FAFC

FAIL

6.92:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #FF7C00; }

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

Similar Colors

Darkorange

#FF8C00