#FC46C6

#FC46C6

Color Values

HEX

#FC46C6

RGB

252, 70, 198

HSL

317.8, 96.8%, 63.1%

HSV

317.8, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 21.4%, 1.2%

OKLCH

0.696 0.2483 342.5

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#FC46C6

#46FC7C

Analogous

#D746FC

#FC466B

#FC46C6

Triadic

#FC46C6

#C6FC46

#46C6FC

Split Complementary

#FC46C6

#6BFC46

#46FCD7

Tetradic

#FC46C6

#FCD746

#46FC7C

#466BFC

Color Blindness Simulation

Original

#FC46C6

Protanopia

#ADACA7

Deuteranopia

#B8C5A0

Tritanopia

#F38F89

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FEF1FA
100
#FCDEF3
200
#FEB9E9
300
#FD87DA
400
#FC45C6
500
#FB04B2
600
#C9038E
700
#A10372
800
#7D0259
900
#5B0642
950
#390429

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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