#FF7158

#FF7158

Color Values

HEX

#FF7158

RGB

255, 113, 88

HSL

9.0, 100.0%, 67.3%

HSV

9.0, 65.5%, 100.0%

CMYK

0.0%, 55.7%, 65.5%, 0.0%

OKLCH

0.7164 0.1784 31.9

Properties

Warm Light Nearest: coral 1

Color Harmonies

Complementary

#FF7158

#58E6FF

Analogous

#FF5893

#FFC558

#FF7158

Triadic

#FF7158

#58FF71

#7158FF

Split Complementary

#FF7158

#58FFC5

#5893FF

Tetradic

#FF7158

#93FF58

#58E6FF

#C558FF

Color Blindness Simulation

Original

#FF7158

Protanopia

#C1C05E

Deuteranopia

#CAD460

Tritanopia

#F86364

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FFC2B8
300
#FF9785
400
#FF5F42
500
#FF2600
600
#CC1F00
700
#A31800
800
#801300
900
#5C1205
950
#3A0B03

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.75:1

AA Pass AAA Pass

Brands Using This Color

Tinder

Tinder

Orange

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026