#FC72ED

#FC72ED

Color Values

HEX

#FC72ED

RGB

252, 114, 237

HSL

306.5, 95.8%, 71.8%

HSV

306.5, 54.8%, 98.8%

CMYK

0.0%, 54.8%, 6.0%, 1.2%

OKLCH

0.7577 0.2186 331.8

Properties

Warm Light Nearest: Shocking Pink

Color Harmonies

Complementary

#FC72ED

#72FC81

Analogous

#C672FC

#FC72A8

#FC72ED

Triadic

#FC72ED

#EDFC72

#72EDFC

Split Complementary

#FC72ED

#A8FC72

#72FCC6

Tetradic

#FC72ED

#FCC672

#72FC81

#72A8FC

Color Blindness Simulation

Original

#FC72ED

Protanopia

#C0BFCF

Deuteranopia

#C8D3C8

Tritanopia

#F5B8B3

Achromatopsia

#989898

CSS Usage

background-color: #FC72ED;
color: #FC72ED;
border-color: #FC72ED;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FEF1FC
100
#FCDFF9
200
#FEB9F6
300
#FC87F0
400
#FB46E7
500
#FA05DF
600
#C804B3
700
#A0038F
800
#7D0370
900
#5A0751
950
#390433

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

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