#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026