#F55755

#F55755

Color Values

HEX

#F55755

RGB

245, 87, 85

HSL

0.8, 88.9%, 64.7%

HSV

0.8, 65.3%, 96.1%

CMYK

0.0%, 64.5%, 65.3%, 3.9%

OKLCH

0.6686 0.1942 24.7

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F55755

#55F3F5

Analogous

#F555A3

#F5A755

#F55755

Triadic

#F55755

#55F557

#5755F5

Split Complementary

#F55755

#55F5A7

#55A3F5

Tetradic

#F55755

#A3F555

#55F3F5

#A755F5

Color Blindness Simulation

Original

#F55755

Protanopia

#B1AF55

Deuteranopia

#BAC656

Tritanopia

#ED5656

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBC
300
#F88D8B
400
#F54F4D
500
#F1110E
600
#C10E0B
700
#9A0B09
800
#780907
900
#570B0A
950
#370706

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.38:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026