#FEABD3

#FEABD3

Color Values

HEX

#FEABD3

RGB

254, 171, 211

HSL

331.1, 97.6%, 83.3%

HSV

331.1, 32.7%, 99.6%

CMYK

0.0%, 32.7%, 16.9%, 0.4%

OKLCH

0.8329 0.1087 349.3

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FEABD3

#ABFED6

Analogous

#FEABFC

#FEACAB

#FEABD3

Triadic

#FEABD3

#D3FEAB

#ABD3FE

Split Complementary

#FEABD3

#ABFEAC

#ABFCFE

Tetradic

#FEABD3

#FCFEAB

#ABFED6

#ACABFE

Color Blindness Simulation

Original

#FEABD3

Protanopia

#DAD9C9

Deuteranopia

#DFE5C7

Tritanopia

#FAC2C0

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB8DA
300
#FE86C0
400
#FD459D
500
#FC037B
600
#CA0262
700
#A1024F
800
#7E023D
900
#5B062F
950
#39041E

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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