#FE53F4

#FE53F4

Color Values

HEX

#FE53F4

RGB

254, 83, 244

HSL

303,5, 98,8%, 66,1%

HSV

303,5, 67,3%, 99,6%

CMYK

0,0%, 67,3%, 3,9%, 0,4%

OKLCH

0,7313 0,2655 330,4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#FE53F4

#53FE5D

Analogous

#B353FE

#FE539F

#FE53F4

Triadic

#FE53F4

#F4FE53

#53F4FE

Split Complementary

#FE53F4

#9FFE53

#53FEB3

Tetradic

#FE53F4

#FEB353

#53FE5D

#539FFE

Color Blindness Simulation

Original

#FE53F4

Protanopia

#B4B2CD

Deuteranopia

#BECBC4

Tritanopia

#F5AEA8

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FFB8FA
300
#FE85F7
400
#FE43F3
500
#FD02EF
600
#CB01BF
700
#A20199
800
#7F0177
900
#5C0557
950
#3A0337

Contrast Checker

Text on white

2,71:1

AA Fail AAA Fail

Text on black

7,76: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