#FC4661

#FC4661

Color Values

HEX

#FC4661

RGB

252, 70, 97

HSL

351.1, 96.8%, 63.1%

HSV

351.1, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 61.5%, 1.2%

OKLCH

0.6649 0.2166 17.3

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FC4661

#46FCE1

Analogous

#FC46BC

#FC8646

#FC4661

Triadic

#FC4661

#61FC46

#4661FC

Split Complementary

#FC4661

#46FC86

#46BCFC

Tetradic

#FC4661

#BCFC46

#46FCE1

#8646FC

Color Blindness Simulation

Original

#FC4661

Protanopia

#ADAC5A

Deuteranopia

#B8C559

Tritanopia

#F35554

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE3
200
#FEB9C3
300
#FD8798
400
#FC4560
500
#FB0429
600
#C90321
700
#A1031A
800
#7D0214
900
#5B0613
950
#39040C

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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