#F27150

#F27150

Color Values

HEX

#F27150

RGB

242, 113, 80

HSL

12.2, 86.2%, 63.1%

HSV

12.2, 66.9%, 94.9%

CMYK

0.0%, 53.3%, 66.9%, 5.1%

OKLCH

0.6967 0.1664 35.5

Properties

Warm Light Nearest: coral 2

Color Harmonies

Complementary

#F27150

#50D1F2

Analogous

#F25080

#F2C250

#F27150

Triadic

#F27150

#50F271

#7150F2

Split Complementary

#F27150

#50F2C2

#5080F2

Tetradic

#F27150

#80F250

#50D1F2

#C250F2

Color Blindness Simulation

Original

#F27150

Protanopia

#BAB958

Deuteranopia

#C2CB5A

Tritanopia

#EC5E60

Achromatopsia

#8A8A8A

CSS Usage

background-color: #F27150;
color: #F27150;
border-color: #F27150;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF4F2
100
#FAE5E0
200
#FAC9BD
300
#F7A28D
400
#F2704F
500
#ED3E12
600
#BE320E
700
#98280B
800
#771F09
900
#561A0B
950
#361107

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026