HEX Color #F0502C (Tomato)

About #F0502C

The precise color #F0502C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Tomato. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 80, and 44.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 0% C, 67% M, 82% Y, and 6% K. The HSL representation is 11.0° hue, 86.7% saturation, and 55.7% lightness.

Ensuring your text is legible against this background is a key part of web design. 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#F0502C

RGB240, 80, 44

HSL11.0°, 86.7%, 55.7%

CMYK0%, 67%, 82%, 6%

HSV11.0°, 81.7%, 94.1%

LAB56.5, 59.7, 53.3

XYZ39.3, 24.4, 5.0

Decimal15749164

Color Harmonies

Complementary

#F0502C #2CCBEF

Analogous

#EF2C69 #EFB22C

Triadic

#2CEF50 #4F2CEF

Tetradic

#6AEF2C #2CCBEF #B22CEF

Tints, Shades & Tones

Tints (Adding White)

#F0502C

#F16343

#F3765A

#F58A72

#F69D89

#F8B1A1

#FAC4B8

#FBD8D0

#FDEBE7

#FFFFFF

Shades (Adding Black)

#F0502C

#D54727

#BA3E22

#A0351D

#852C18

#6A2313

#501A0E

#351109

#1A0804

#000000

WCAG Contrast Accessibility

3.57:1

Text on #FFFFFF

AA Large

5.89:1

Text on #000000

AA

3.41:1

Text on #F8FAFC

AA Large

5.01:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F0502C; }

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

Similar Colors

Tomato

#FF6347