HEX Color #F06D00 (Darkorange)

About #F06D00

The hex code #F06D00 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, 109 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 55% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F06D00

RGB240, 109, 0

HSL27.2°, 100.0%, 47.1%

CMYK0%, 55%, 100%, 6%

HSV27.2°, 100.0%, 94.1%

LAB61.2, 46.3, 69.5

XYZ41.4, 29.5, 3.5

Decimal15756544

Color Harmonies

Complementary

#F06D00 #0083EF

Analogous

#EF000A #EFE400

Triadic

#00EF6D #6D00EF

Tetradic

#0AEF00 #0083EF #E400EF

Tints, Shades & Tones

Tints (Adding White)

#F06D00

#F17D1C

#F38D38

#F59D55

#F6AD71

#F8BE8D

#FACEAA

#FBDEC6

#FDEEE2

#FFFFFF

Shades (Adding Black)

#F06D00

#D56000

#BA5400

#A04800

#853C00

#6A3000

#502400

#351800

#1A0C00

#000000

WCAG Contrast Accessibility

3.05:1

Text on #FFFFFF

AA Large

6.89:1

Text on #000000

AA

2.91:1

Text on #F8FAFC

FAIL

5.86:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F06D00; }

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

Similar Colors

Darkorange

#FF8C00