HEX Color #F07C00 (Darkorange)

About #F07C00

The precise color #F07C00 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkorange. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 124, and 0.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 48% Magenta, 100% Yellow, and 6% Black. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. 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#F07C00

RGB240, 124, 0

HSL31.0°, 100.0%, 47.1%

CMYK0%, 48%, 100%, 6%

HSV31.0°, 100.0%, 94.1%

LAB64.1, 38.9, 71.2

XYZ43.1, 32.9, 4.1

Decimal15760384

Color Harmonies

Complementary

#F07C00 #0073EF

Analogous

#EF0400 #EBEF00

Triadic

#00EF7C #7B00EF

Tetradic

#00EF04 #0073EF #EF00EB

Tints, Shades & Tones

Tints (Adding White)

#F07C00

#F18A1C

#F39938

#F5A755

#F6B671

#F8C48D

#FAD3AA

#FBE1C6

#FDF0E2

#FFFFFF

Shades (Adding Black)

#F07C00

#D56E00

#BA6000

#A05200

#854400

#6A3700

#502900

#351B00

#1A0D00

#000000

WCAG Contrast Accessibility

2.77:1

Text on #FFFFFF

FAIL

7.59:1

Text on #000000

AAA

2.65:1

Text on #F8FAFC

FAIL

6.45:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F07C00; }

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

Similar Colors

Darkorange

#FF8C00