#FE72FF

#FE72FF

Color Values

HEX

#FE72FF

RGB

254, 114, 255

HSL

299.6, 100.0%, 72.4%

HSV

299.6, 55.3%, 100.0%

CMYK

0.4%, 55.3%, 0.0%, 0.0%

OKLCH

0.7686 0.2343 327.3

Properties

Cool Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#FE72FF

#73FF72

Analogous

#B872FF

#FF72BA

#FE72FF

Triadic

#FE72FF

#FFFE72

#72FFFE

Split Complementary

#FE72FF

#BAFF72

#72FFB8

Tetradic

#FE72FF

#FFB872

#73FF72

#72BAFF

Color Blindness Simulation

Original

#FE72FF

Protanopia

#C1C0DD

Deuteranopia

#CAD4D5

Tritanopia

#F7C2BC

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FF
300
#FE85FF
400
#FE42FF
500
#FD00FF
600
#CB00CC
700
#A200A3
800
#7F0080
900
#5B055C
950
#3A033A

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026