#FC469C

#FC469C

Color Values

HEX

#FC469C

RGB

252, 70, 156

HSL

331.6, 96.8%, 63.1%

HSV

331.6, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 38.1%, 1.2%

OKLCH

0.6801 0.2277 356.3

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FC469C

#46FCA6

Analogous

#FC46F7

#FC4B46

#FC469C

Triadic

#FC469C

#9CFC46

#469CFC

Split Complementary

#FC469C

#46FC4B

#46F7FC

Tetradic

#FC469C

#F7FC46

#46FCA6

#4B46FC

Color Blindness Simulation

Original

#FC469C

Protanopia

#ADAC87

Deuteranopia

#B8C582

Tritanopia

#F37773

Achromatopsia

#737373

CSS Usage

background-color: #FC469C;
color: #FC469C;
border-color: #FC469C;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FEB9D9
300
#FD87BF
400
#FC459C
500
#FB0479
600
#C90361
700
#A1034D
800
#7D023C
900
#5B062E
950
#39041D

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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