#FF5F07
A medium, vivid orange closely aligning with Orangered.
About #FF5F07
Visually, #FF5F07 is defined as a vivid orange. If you're using CSS, you might find it aligns closely with Orangered. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 95, and 7.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 63% M, 97% Y, and 0% K. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#FF5F07
RGB255, 95, 7
HSL21.3°, 100.0%, 51.4%
CMYK0%, 63%, 97%, 0%
HSV21.3°, 97.3%, 100.0%
LAB61.2, 58.1, 69.5
XYZ45.4, 29.5, 3.5
Decimal16736007
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
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: #FF5F07;
}
.text-color {
color: #FF5F07;
}
.border-color {
border: 2px solid #FF5F07;
}