#FE77F2

#FE77F2

Color Values

HEX

#FE77F2

RGB

254, 119, 242

HSL

305,3, 98,5%, 73,1%

HSV

305,3, 53,1%, 99,6%

CMYK

0,0%, 53,1%, 4,7%, 0,4%

OKLCH

0,7686 0,2164 330,9

Properties

Warm Light Nearest: orchid 1

Color Harmonies

Complementary

#FE77F2

#77FE83

Analogous

#C677FE

#FE77AE

#FE77F2

Triadic

#FE77F2

#F2FE77

#77F2FE

Split Complementary

#FE77F2

#AEFE77

#77FEC6

Tetradic

#FE77F2

#FEC677

#77FE83

#77AEFE

Color Blindness Simulation

Original

#FE77F2

Protanopia

#C4C2D4

Deuteranopia

#CBD5CD

Tritanopia

#F7BDB8

Achromatopsia

#9D9D9D

CSS Usage

background-color: #FE77F2;
color: #FE77F2;
border-color: #FE77F2;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FEF1FD
100
#FCDEF9
200
#FEB8F8
300
#FE86F3
400
#FE44ED
500
#FD02E7
600
#CA02B9
700
#A20194
800
#7F0173
900
#5B0554
950
#3A0335

Contrast Checker

Text on white

2,3:1

AA Fail AAA Fail

Text on black

9,14:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026