#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026