#FE56EC

#FE56EC

Color Values

HEX

#FE56EC

RGB

254, 86, 236

HSL

306.4, 98.8%, 66.7%

HSV

306.4, 66.1%, 99.6%

CMYK

0.0%, 66.1%, 7.1%, 0.4%

OKLCH

0.7301 0.2563 332.5

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#FE56EC

#56FE68

Analogous

#BC56FE

#FE5698

#FE56EC

Triadic

#FE56EC

#ECFE56

#56ECFE

Split Complementary

#FE56EC

#98FE56

#56FEBC

Tetradic

#FE56EC

#FEBC56

#56FE68

#5698FE

Color Blindness Simulation

Original

#FE56EC

Protanopia

#B5B4C8

Deuteranopia

#BFCCBF

Tritanopia

#F6ABA5

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FFB8F7
300
#FE85F1
400
#FE43EA
500
#FD02E3
600
#CB01B5
700
#A20191
800
#7F0171
900
#5C0552
950
#3A0334

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

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