HEX Color #F07550 (Coral)

About #F07550

The precise color #F07550 is an excellent choice for modern design projects. It is closely associated with the named CSS color Coral. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 117, and 80.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 51% magenta inks. The HSL representation is 13.9° hue, 84.2% saturation, and 62.7% lightness.

When using this color as a background, text legibility must be considered. 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#F07550

RGB240, 117, 80

HSL13.9°, 84.2%, 62.7%

CMYK0%, 51%, 67%, 6%

HSV13.9°, 66.7%, 94.1%

LAB63.2, 44.7, 42.2

XYZ43.7, 31.8, 11.4

Decimal15758672

Color Harmonies

Complementary

#F07550 #50CAF0

Analogous

#F0507B #F0C450

Triadic

#50F075 #7550F0

Tetradic

#7BF050 #50CAF0 #C450F0

Tints, Shades & Tones

Tints (Adding White)

#F07550

#F18463

#F39376

#F5A38A

#F6B29D

#F8C1B1

#FAD1C4

#FBE0D8

#FDEFEB

#FFFFFF

Shades (Adding Black)

#F07550

#D56847

#BA5B3E

#A04E35

#85412C

#6A3423

#50271A

#351A11

#1A0D08

#000000

WCAG Contrast Accessibility

2.85:1

Text on #FFFFFF

FAIL

7.37:1

Text on #000000

AAA

2.73:1

Text on #F8FAFC

FAIL

6.26:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #F07550; }

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

Similar Colors

Coral

#FF7F50