#F07500

A medium, vivid orange closely aligning with Darkorange.

About #F07500

Visually, #F07500 is defined as a vivid orange. It is closely associated with the named CSS color Darkorange. Its digital footprint relies on 240 parts red, 117 parts green, and 0 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 51% magenta inks. With a hue angle of 29.2 degrees, it sits comfortably in the orange spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F07500
RGB240, 117, 0
HSL29.2°, 100.0%, 47.1%
CMYK0%, 51%, 100%, 6%
HSV29.2°, 100.0%, 94.1%
LAB62.7, 42.4, 70.3
XYZ42.3, 31.2, 3.8
Decimal15758592

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

2.90:1
Text on #FFFFFF
FAIL
7.25:1
Text on #000000
AAA
2.77:1
Text on #F8FAFC
FAIL
6.16:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Darkorange
#FF8C00