#F8331D

A medium, vivid red closely aligning with Orangered.

About #F8331D

The precise color #F8331D is an excellent choice for modern design projects. 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 248, 51, and 29.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 79% M, 88% Y, and 3% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F8331D
RGB248, 51, 29
HSL6.0°, 94.0%, 54.3%
CMYK0%, 79%, 88%, 3%
HSV6.0°, 88.3%, 97.3%
LAB54.5, 71.3, 58.7
XYZ40.1, 22.4, 3.4
Decimal16266013

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

3.83:1
Text on #FFFFFF
AA Large
5.48:1
Text on #000000
AA
3.66:1
Text on #F8FAFC
AA Large
4.66:1
Text on #0F172A
AA

CSS Implementation

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

Similar Colors

Orangered
#FF4500