#FC4697

#FC4697

Color Values

HEX

#FC4697

RGB

252, 70, 151

HSL

333,3, 96,8%, 63,1%

HSV

333,3, 72,2%, 98,8%

CMYK

0,0%, 72,2%, 40,1%, 1,2%

OKLCH

0,6785 0,2259 358,1

Properties

Warm Light Nearest: violetred 1

Color Harmonies

Complementary

#FC4697

#46FCAB

Analogous

#FC46F2

#FC5046

#FC4697

Triadic

#FC4697

#97FC46

#4697FC

Split Complementary

#FC4697

#46FC50

#46F2FC

Tetradic

#FC4697

#F2FC46

#46FCAB

#5046FC

Color Blindness Simulation

Original

#FC4697

Protanopia

#ADAC83

Deuteranopia

#B8C57F

Tritanopia

#F37471

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FEB9D7
300
#FD87BB
400
#FC4597
500
#FB0472
600
#C9035B
700
#A10349
800
#7D0239
900
#5B062C
950
#39041C

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,46:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026