#FC4FFB

#FC4FFB

Color Values

HEX

#FC4FFB

RGB

252, 79, 251

HSL

300.3, 96.6%, 64.9%

HSV

300.3, 68.7%, 98.8%

CMYK

0.0%, 68.7%, 0.4%, 1.2%

OKLCH

0.7288 0.274 328.2

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#FC4FFB

#4FFC50

Analogous

#A64FFC

#FC4FA5

#FC4FFB

Triadic

#FC4FFB

#FBFC4F

#4FFBFC

Split Complementary

#FC4FFB

#A5FC4F

#4FFCA6

Tetradic

#FC4FFB

#FCA64F

#4FFC50

#4FA5FC

Color Blindness Simulation

Original

#FC4FFB

Protanopia

#B1B0D1

Deuteranopia

#BBC8C7

Tritanopia

#F3B0A9

Achromatopsia

#808080

CSS Usage

background-color: #FC4FFB;
color: #FC4FFB;
border-color: #FC4FFB;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB9FD
300
#FD87FC
400
#FC46FB
500
#FB04F9
600
#C903C8
700
#A003A0
800
#7D027D
900
#5B065A
950
#390439

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.65:1

AA Pass AAA Pass

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