#F85F00

A medium, vivid orange closely aligning with Orangered.

About #F85F00

Visually, #F85F00 is defined as a vivid orange. It is closely associated with the named CSS color Orangered. Its digital footprint relies on 248 parts red, 95 parts green, and 0 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 0% cyan and 62% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F85F00
RGB248, 95, 0
HSL23.0°, 100.0%, 48.6%
CMYK0%, 62%, 100%, 3%
HSV23.0°, 100.0%, 97.3%
LAB60.0, 55.6, 69.5
XYZ42.8, 28.1, 3.2
Decimal16277248

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.17:1
Text on #FFFFFF
AA Large
6.63:1
Text on #000000
AA
3.03:1
Text on #F8FAFC
AA Large
5.63:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Orangered
#FF4500