#FC4669

#FC4669

Color Values

HEX

#FC4669

RGB

252, 70, 105

HSL

348.5, 96.8%, 63.1%

HSV

348.5, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 58.3%, 1.2%

OKLCH

0.6664 0.2168 14.6

Properties

Warm Light Nearest: Radical Red

Color Harmonies

Complementary

#FC4669

#46FCD9

Analogous

#FC46C4

#FC7E46

#FC4669

Triadic

#FC4669

#69FC46

#4669FC

Split Complementary

#FC4669

#46FC7E

#46C4FC

Tetradic

#FC4669

#C4FC46

#46FCD9

#7E46FC

Color Blindness Simulation

Original

#FC4669

Protanopia

#ADAC61

Deuteranopia

#B8C55E

Tritanopia

#F35A58

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FEF1F3
100
#FCDEE4
200
#FEB9C6
300
#FD879D
400
#FC4568
500
#FB0433
600
#C90329
700
#A10321
800
#7D021A
900
#5B0616
950
#39040E

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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