#FEB8DF

#FEB8DF

Color Values

HEX

#FEB8DF

RGB

254, 184, 223

HSL

326,6, 97,2%, 85,9%

HSV

326,6, 27,6%, 99,6%

CMYK

0,0%, 27,6%, 12,2%, 0,4%

OKLCH

0,8587 0,0944 344,8

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FEB8DF

#B8FED7

Analogous

#FAB8FE

#FEB8BC

#FEB8DF

Triadic

#FEB8DF

#DFFEB8

#B8DFFE

Split Complementary

#FEB8DF

#BCFEB8

#B8FEFA

Tetradic

#FEB8DF

#FEFAB8

#B8FED7

#B8BCFE

Color Blindness Simulation

Original

#FEB8DF

Protanopia

#E0DFD6

Deuteranopia

#E4E9D3

Tritanopia

#FACECC

Achromatopsia

#CACACA

CSS Usage

background-color: #FEB8DF;
color: #FEB8DF;
border-color: #FEB8DF;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FEB9DF
300
#FD86C9
400
#FC45AB
500
#FB048E
600
#C90371
700
#A1025B
800
#7E0247
900
#5B0635
950
#390422

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,14: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