#F5614C

#F5614C

Color Values

HEX

#F5614C

RGB

245, 97, 76

HSL

7.5, 89.4%, 62.9%

HSV

7.5, 69.0%, 96.1%

CMYK

0.0%, 60.4%, 69.0%, 3.9%

OKLCH

0.6792 0.1859 30.6

Properties

Warm Light Nearest: tomato 2

Color Harmonies

Complementary

#F5614C

#4CE0F5

Analogous

#F54C8B

#F5B64C

#F5614C

Triadic

#F5614C

#4CF561

#614CF5

Split Complementary

#F5614C

#4CF5B6

#4C8BF5

Tetradic

#F5614C

#8BF54C

#4CE0F5

#B64CF5

Color Blindness Simulation

Original

#F5614C

Protanopia

#B5B451

Deuteranopia

#BEC952

Tritanopia

#EE5556

Achromatopsia

#7F7F7F

CSS Usage

background-color: #F5614C;
color: #F5614C;
border-color: #F5614C;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BB
300
#F9998B
400
#F5614C
500
#F12A0E
600
#C1220B
700
#9B1B09
800
#791507
900
#571309
950
#370C06

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

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