#FC46B8

#FC46B8

Color Values

HEX

#FC46B8

RGB

252, 70, 184

HSL

322.4, 96.8%, 63.1%

HSV

322.4, 72.2%, 98.8%

CMYK

0.0%, 72.2%, 27.0%, 1.2%

OKLCH

0.6902 0.2405 346.8

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#FC46B8

#46FC8A

Analogous

#E546FC

#FC465D

#FC46B8

Triadic

#FC46B8

#B8FC46

#46B8FC

Split Complementary

#FC46B8

#5DFC46

#46FCE5

Tetradic

#FC46B8

#FCE546

#46FC8A

#465DFC

Color Blindness Simulation

Original

#FC46B8

Protanopia

#ADAC9C

Deuteranopia

#B8C596

Tritanopia

#F38782

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB9E4
300
#FD87D1
400
#FC45B8
500
#FB049F
600
#C9037F
700
#A10366
800
#7D024F
900
#5B063B
950
#390425

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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