#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

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