#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026