HEX Color #F07C07 (Darkorange)

About #F07C07

The hex code #F07C07 represents a beautifully specific shade of orange. It is closely associated with the named CSS color Darkorange. Its digital footprint relies on 240 parts red, 124 parts green, and 7 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 48% magenta inks. With a hue angle of 30.1 degrees, it sits comfortably in the orange spectrum.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F07C07

RGB240, 124, 7

HSL30.1°, 94.3%, 48.4%

CMYK0%, 48%, 97%, 6%

HSV30.1°, 97.1%, 94.1%

LAB64.1, 39.0, 70.1

XYZ43.2, 33.0, 4.3

Decimal15760391

Color Harmonies

Complementary

#F07C07 #067AF0

Analogous

#F00706 #EFF006

Triadic

#06F07C #7C06F0

Tetradic

#06F007 #067AF0 #F006EF

Tints, Shades & Tones

Tints (Adding White)

#F07C07

#F18A22

#F3993E

#F5A759

#F6B675

#F8C490

#FAD3AC

#FBE1C7

#FDF0E3

#FFFFFF

Shades (Adding Black)

#F07C07

#D56E06

#BA6005

#A05204

#854403

#6A3703

#502902

#351B01

#1A0D00

#000000

WCAG Contrast Accessibility

2.77:1

Text on #FFFFFF

FAIL

7.59:1

Text on #000000

AAA

2.64:1

Text on #F8FAFC

FAIL

6.45:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F07C07; }

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

Similar Colors

Darkorange

#FF8C00