#F454FF

#F454FF

Color Values

HEX

#F454FF

RGB

244, 84, 255

HSL

296.1, 100.0%, 66.5%

HSV

296.1, 67.1%, 100.0%

CMYK

4.3%, 67.1%, 0.0%, 0.0%

OKLCH

0.7244 0.2678 325.2

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F454FF

#5FFF54

Analogous

#9E54FF

#FF54B5

#F454FF

Triadic

#F454FF

#FFF454

#54FFF4

Split Complementary

#F454FF

#B5FF54

#54FF9E

Tetradic

#F454FF

#FF9E54

#5FFF54

#54B5FF

Color Blindness Simulation

Original

#F454FF

Protanopia

#AFADD6

Deuteranopia

#B8C4CC

Tritanopia

#ECB5AE

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB8FF
300
#F785FF
400
#F342FF
500
#EE00FF
600
#BF00CC
700
#9900A3
800
#770080
900
#56055C
950
#37033A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

7.56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026