#F5604D

#F5604D

Color Values

HEX

#F5604D

RGB

245, 96, 77

HSL

6.8, 89.4%, 63.1%

HSV

6.8, 68.6%, 96.1%

CMYK

0.0%, 60.8%, 68.6%, 3.9%

OKLCH

0.6781 0.1867 29.9

Properties

Warm Light Nearest: tomato 2

Color Harmonies

Complementary

#F5604D

#4DE2F5

Analogous

#F54D8E

#F5B44D

#F5604D

Triadic

#F5604D

#4DF560

#604DF5

Split Complementary

#F5604D

#4DF5B4

#4D8EF5

Tetradic

#F5604D

#8EF54D

#4DE2F5

#B44DF5

Color Blindness Simulation

Original

#F5604D

Protanopia

#B4B352

Deuteranopia

#BDC853

Tritanopia

#EE5556

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BB
300
#F9978B
400
#F55F4C
500
#F1270E
600
#C11F0B
700
#9B1909
800
#791407
900
#571209
950
#370C06

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026