#FC46B0

#FC46B0

Color Values

HEX

#FC46B0

RGB

252, 70, 176

HSL

325.1, 96.8%, 63.1%

HSV

325.1, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 30.2%, 1.2%

OKLCH

0.6872 0.2364 349.5

Properties

Warm Light Nearest: maroon 2

Color Harmonies

Complementary

#FC46B0

#46FC92

Analogous

#ED46FC

#FC4655

#FC46B0

Triadic

#FC46B0

#B0FC46

#46B0FC

Split Complementary

#FC46B0

#55FC46

#46FCED

Tetradic

#FC46B0

#FCED46

#46FC92

#4655FC

Color Blindness Simulation

Original

#FC46B0

Protanopia

#ADAC96

Deuteranopia

#B8C590

Tritanopia

#F3827E

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEF0
200
#FEB9E1
300
#FD87CB
400
#FC45B0
500
#FB0494
600
#C90376
700
#A1035F
800
#7D024A
900
#5B0637
950
#390423

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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