#FC6576

#FC6576

Color Values

HEX

#FC6576

RGB

252, 101, 118

HSL

353.2, 96.2%, 69.2%

HSV

353.2, 59.9%, 98.8%

CMYK

0.0%, 59.9%, 53.2%, 1.2%

OKLCH

0.7019 0.1842 16.5

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FC6576

#65FCEB

Analogous

#FC65C2

#FC9F65

#FC6576

Triadic

#FC6576

#76FC65

#6576FC

Split Complementary

#FC6576

#65FC9F

#65C2FC

Tetradic

#FC6576

#C2FC65

#65FCEB

#9F65FC

Color Blindness Simulation

Original

#FC6576

Protanopia

#BBB972

Deuteranopia

#C3CF71

Tritanopia

#F46F6E

Achromatopsia

#868686

CSS Usage

background-color: #FC6576;
color: #FC6576;
border-color: #FC6576;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FEF1F3
100
#FCDFE2
200
#FEB9C1
300
#FD8794
400
#FB465A
500
#FA0521
600
#C8041A
700
#A00315
800
#7D0210
900
#5A0710
950
#39040A

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.26:1

AA Pass AAA Pass

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