#FE53F0

#FE53F0

Color Values

HEX

#FE53F0

RGB

254, 83, 240

HSL

304.9, 98.8%, 66.1%

HSV

304.9, 67.3%, 99.6%

CMYK

0.0%, 67.3%, 5.5%, 0.4%

OKLCH

0.7293 0.2626 331.4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#FE53F0

#53FE61

Analogous

#B753FE

#FE539B

#FE53F0

Triadic

#FE53F0

#F0FE53

#53F0FE

Split Complementary

#FE53F0

#9BFE53

#53FEB7

Tetradic

#FE53F0

#FEB753

#53FE61

#539BFE

Color Blindness Simulation

Original

#FE53F0

Protanopia

#B4B2CA

Deuteranopia

#BECBC1

Tritanopia

#F5ACA5

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FFB8F9
300
#FE85F4
400
#FE43EF
500
#FD02E9
600
#CB01BA
700
#A20195
800
#7F0174
900
#5C0554
950
#3A0335

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.71:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026