#FE86F2

#FE86F2

Color Values

HEX

#FE86F2

RGB

254, 134, 242

HSL

306,0, 98,4%, 76,1%

HSV

306,0, 47,2%, 99,6%

CMYK

0,0%, 47,2%, 4,7%, 0,4%

OKLCH

0,7881 0,1934 331,1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FE86F2

#86FE92

Analogous

#CE86FE

#FE86B6

#FE86F2

Triadic

#FE86F2

#F2FE86

#86F2FE

Split Complementary

#FE86F2

#B6FE86

#86FECE

Tetradic

#FE86F2

#FECE86

#86FE92

#86B6FE

Color Blindness Simulation

Original

#FE86F2

Protanopia

#CAC9D8

Deuteranopia

#D1DAD2

Tritanopia

#F8C3BF

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FEF1FC
100
#FCDEF9
200
#FEB8F7
300
#FE86F2
400
#FD44EB
500
#FD02E4
600
#CA02B6
700
#A20192
800
#7E0172
900
#5B0653
950
#3A0434

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,91:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026