#FC575F

#FC575F

Color Values

HEX

#FC575F

RGB

252, 87, 95

HSL

357.1, 96.5%, 66.5%

HSV

357.1, 65.5%, 98.8%

CMYK

0.0%, 65.5%, 62.3%, 1.2%

OKLCH

0.6813 0.2004 21.5

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FC575F

#57FCF4

Analogous

#FC57B2

#FCA257

#FC575F

Triadic

#FC575F

#5FFC57

#575FFC

Split Complementary

#FC575F

#57FCA2

#57B2FC

Tetradic

#FC575F

#B2FC57

#57FCF4

#A257FC

Color Blindness Simulation

Original

#FC575F

Protanopia

#B5B35D

Deuteranopia

#BECA5D

Tritanopia

#F45C5B

Achromatopsia

#7B7B7B

CSS Usage

background-color: #FC575F;
color: #FC575F;
border-color: #FC575F;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F2
100
#FCDFE0
200
#FEB9BC
300
#FD878C
400
#FC464E
500
#FB0410
600
#C8040D
700
#A0030A
800
#7D0208
900
#5B060A
950
#390407

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67: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