#FC48A2

#FC48A2

Color Values

HEX

#FC48A2

RGB

252, 72, 162

HSL

330.0, 96.8%, 63.5%

HSV

330.0, 71.4%, 98.8%

CMYK

0.0%, 71.4%, 35.7%, 1.2%

OKLCH

0.6838 0.228 354.4

Properties

Warm Light Nearest: Wild Strawberry

Color Harmonies

Complementary

#FC48A2

#48FCA2

Analogous

#FC48FC

#FC4848

#FC48A2

Triadic

#FC48A2

#A2FC48

#48A2FC

Split Complementary

#FC48A2

#48FC48

#48FCFC

Tetradic

#FC48A2

#FCFC48

#48FCA2

#4848FC

Color Blindness Simulation

Original

#FC48A2

Protanopia

#AEAC8C

Deuteranopia

#B8C687

Tritanopia

#F37B77

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD87C2
400
#FC45A1
500
#FB0480
600
#C90366
700
#A10352
800
#7D0240
900
#5B0630
950
#39041F

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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