#FE72C1

#FE72C1

Color Values

HEX

#FE72C1

RGB

254, 114, 193

HSL

326.1, 98.6%, 72.2%

HSV

326.1, 55.1%, 99.6%

CMYK

0.0%, 55.1%, 24.0%, 0.4%

OKLCH

0.7425 0.1899 347.7

Properties

Warm Light Nearest: hotpink

Color Harmonies

Complementary

#FE72C1

#72FEAF

Analogous

#F572FE

#FE727B

#FE72C1

Triadic

#FE72C1

#C1FE72

#72C1FE

Split Complementary

#FE72C1

#7BFE72

#72FEF5

Tetradic

#FE72C1

#FEF572

#72FEAF

#727BFE

Color Blindness Simulation

Original

#FE72C1

Protanopia

#C1C0AE

Deuteranopia

#CAD4A9

Tritanopia

#F79F9B

Achromatopsia

#959595

CSS Usage

background-color: #FE72C1;
color: #FE72C1;
border-color: #FE72C1;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FFB8E0
300
#FE85CA
400
#FE44AD
500
#FD0290
600
#CB0173
700
#A2015C
800
#7F0148
900
#5B0536
950
#3A0322

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.39:1

AA Pass AAA Pass

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