#FE8AD2

#FE8AD2

Color Values

HEX

#FE8AD2

RGB

254, 138, 210

HSL

322.8, 98.3%, 76.9%

HSV

322.8, 45.7%, 99.6%

CMYK

0.0%, 45.7%, 17.3%, 0.4%

OKLCH

0.7811 0.1628 343.5

Properties

Warm Light Nearest: hotpink 1

Color Harmonies

Complementary

#FE8AD2

#8AFEB6

Analogous

#F08AFE

#FE8A98

#FE8AD2

Triadic

#FE8AD2

#D2FE8A

#8AD2FE

Split Complementary

#FE8AD2

#98FE8A

#8AFEF0

Tetradic

#FE8AD2

#FEF08A

#8AFEB6

#8A98FE

Color Blindness Simulation

Original

#FE8AD2

Protanopia

#CCCBC1

Deuteranopia

#D2DBBC

Tritanopia

#F8B3B0

Achromatopsia

#A8A8A8

CSS Usage

background-color: #FE8AD2;
color: #FE8AD2;
border-color: #FE8AD2;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F9
100
#FCDEF1
200
#FEB8E4
300
#FE86D0
400
#FD44B7
500
#FD029E
600
#CA027E
700
#A20165
800
#7E014F
900
#5B063B
950
#3A0425

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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