#FE8DA6

#FE8DA6

Color Values

HEX

#FE8DA6

RGB

254, 141, 166

HSL

346.7, 98.3%, 77.5%

HSV

346.7, 44.5%, 99.6%

CMYK

0.0%, 44.5%, 34.6%, 0.4%

OKLCH

0.7717 0.1384 6.7

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#FE8DA6

#8DFEE5

Analogous

#FE8DDF

#FEAD8D

#FE8DA6

Triadic

#FE8DA6

#A6FE8D

#8DA6FE

Split Complementary

#FE8DA6

#8DFEAD

#8DDFFE

Tetradic

#FE8DA6

#DFFE8D

#8DFEE5

#AD8DFE

Color Blindness Simulation

Original

#FE8DA6

Protanopia

#CDCCA0

Deuteranopia

#D4DC9E

Tritanopia

#F89B9A

Achromatopsia

#A7A7A7

CSS Usage

background-color: #FE8DA6;
color: #FE8DA6;
border-color: #FE8DA6;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FEF1F4
100
#FCDEE5
200
#FEB8C8
300
#FE86A0
400
#FD446D
500
#FD023A
600
#CA022E
700
#A20125
800
#7E011D
900
#5B0619
950
#3A0410

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026