#FAABD8

#FAABD8

Color Values

HEX

#FAABD8

RGB

250, 171, 216

HSL

325.8, 88.8%, 82.5%

HSV

325.8, 31.6%, 98.0%

CMYK

0.0%, 31.6%, 13.6%, 2.0%

OKLCH

0.8302 0.108 344.6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FAABD8

#ABFACD

Analogous

#F4ABFA

#FAABB0

#FAABD8

Triadic

#FAABD8

#D8FAAB

#ABD8FA

Split Complementary

#FAABD8

#B0FAAB

#ABFAF4

Tetradic

#FAABD8

#FAF4AB

#ABFACD

#ABB0FA

Color Blindness Simulation

Original

#FAABD8

Protanopia

#D8D7CD

Deuteranopia

#DCE2CA

Tritanopia

#F6C5C3

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBCE0
300
#F88BC9
400
#F44DAC
500
#F10E8F
600
#C10B73
700
#9A095C
800
#780748
900
#570A36
950
#370622

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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