HEX Color #F85F2C (Tomato)

About #F85F2C

The hex code #F85F2C represents a beautifully specific shade of orange. It is closely associated with the named CSS color Tomato. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 95, and 44.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 0% cyan and 62% magenta inks. The HSL representation is 15.0° hue, 93.6% saturation, and 57.3% lightness.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#F85F2C

RGB248, 95, 44

HSL15.0°, 93.6%, 57.3%

CMYK0%, 62%, 82%, 3%

HSV15.0°, 82.3%, 97.3%

LAB60.2, 56.2, 57.1

XYZ43.3, 28.3, 5.6

Decimal16277292

Color Harmonies

Complementary

#F85F2C #2BC5F8

Analogous

#F82B5E #F8C52B

Triadic

#2BF85F #5F2BF8

Tetradic

#5EF82B #2BC5F8 #C52BF8

Tints, Shades & Tones

Tints (Adding White)

#F85F2C

#F87043

#F9825A

#FA9472

#FBA689

#FBB7A1

#FCC9B8

#FDDBD0

#FEEDE7

#FFFFFF

Shades (Adding Black)

#F85F2C

#DC5427

#C04922

#A53F1D

#893418

#6E2A13

#521F0E

#371509

#1B0A04

#000000

WCAG Contrast Accessibility

3.15:1

Text on #FFFFFF

AA Large

6.66:1

Text on #000000

AA

3.01:1

Text on #F8FAFC

AA Large

5.67:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F85F2C; }

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

Similar Colors

Tomato

#FF6347