#F54CEF

#F54CEF

Color Values

HEX

#F54CEF

RGB

245, 76, 239

HSL

302.1, 89.4%, 62.9%

HSV

302.1, 69.0%, 96.1%

CMYK

0.0%, 69.0%, 2.4%, 3.9%

OKLCH

0.7103 0.2652 329.5

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F54CEF

#4CF552

Analogous

#A64CF5

#F54C9A

#F54CEF

Triadic

#F54CEF

#EFF54C

#4CEFF5

Split Complementary

#F54CEF

#9AF54C

#4CF5A6

Tetradic

#F54CEF

#F5A64C

#4CF552

#4C9AF5

Color Blindness Simulation

Original

#F54CEF

Protanopia

#ACAAC8

Deuteranopia

#B6C2BE

Tritanopia

#EDA8A2

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBBF9
300
#F98BF5
400
#F54CEF
500
#F10EEA
600
#C10BBB
700
#9B0995
800
#790775
900
#570955
950
#370635

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

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