#FBAAC9

#FBAAC9

Color Values

HEX

#FBAAC9

RGB

251, 170, 201

HSL

337.0, 91.0%, 82.5%

HSV

337.0, 32.3%, 98.4%

CMYK

0.0%, 32.3%, 19.9%, 1.6%

OKLCH

0.8249 0.1021 355.0

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FBAAC9

#AAFBDC

Analogous

#FBAAF2

#FBB3AA

#FBAAC9

Triadic

#FBAAC9

#C9FBAA

#AAC9FB

Split Complementary

#FBAAC9

#AAFBB3

#AAF2FB

Tetradic

#FBAAC9

#F2FBAA

#AAFBDC

#B3AAFB

Color Blindness Simulation

Original

#FBAAC9

Protanopia

#D8D7C2

Deuteranopia

#DDE3C0

Tritanopia

#F7BCBA

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBBD4
300
#F98AB5
400
#F74B8D
500
#F40B64
600
#C30950
700
#9C0740
800
#7A0632
900
#580927
950
#380619

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.7:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026