HEX Color #F02C0F (Orangered)

About #F02C0F

The precise color #F02C0F is an excellent choice for modern design projects. Its closest recognized web color is Orangered. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 44, and 15.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 82% 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. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F02C0F

RGB240, 44, 15

HSL7.7°, 88.2%, 50.0%

CMYK0%, 82%, 94%, 6%

HSV7.7°, 93.8%, 94.1%

LAB52.2, 70.7, 61.3

XYZ36.9, 20.4, 2.4

Decimal15739919

Color Harmonies

Complementary

#F02C0F #0FD3F0

Analogous

#F00F62 #F09C0F

Triadic

#0FF02C #2B0FF0

Tetradic

#62F00F #0FD3F0 #9C0FF0

Tints, Shades & Tones

Tints (Adding White)

#F02C0F

#F14329

#F35A44

#F5725F

#F68979

#F8A194

#FAB8AF

#FBD0C9

#FDE7E4

#FFFFFF

Shades (Adding Black)

#F02C0F

#D5270D

#BA220B

#A01D0A

#851808

#6A1306

#500E05

#350903

#1A0401

#000000

WCAG Contrast Accessibility

4.14:1

Text on #FFFFFF

AA Large

5.07:1

Text on #000000

AA

3.96:1

Text on #F8FAFC

AA Large

4.31:1

Text on #0F172A

AA Large

CSS Implementation

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

.text-color { color: #F02C0F; }

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

Similar Colors

Orangered

#FF4500