#FF54FE

#FF54FE

Color Values

HEX

#FF54FE

RGB

255, 84, 254

HSL

300.4, 100.0%, 66.5%

HSV

300.4, 67.1%, 100.0%

CMYK

0.0%, 67.1%, 0.4%, 0.0%

OKLCH

0.7387 0.2722 328.1

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#FF54FE

#54FF55

Analogous

#AB54FF

#FF54A8

#FF54FE

Triadic

#FF54FE

#FEFF54

#54FEFF

Split Complementary

#FF54FE

#A8FF54

#54FFAB

Tetradic

#FF54FE

#FFAB54

#54FF55

#54A8FF

Color Blindness Simulation

Original

#FF54FE

Protanopia

#B5B3D5

Deuteranopia

#BFCCCB

Tritanopia

#F6B4AD

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FFB8FF
300
#FF85FE
400
#FF42FE
500
#FF00FD
600
#CC00CB
700
#A300A2
800
#80007F
900
#5C055B
950
#3A033A

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.95: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