#FBAAD4

#FBAAD4

Color Values

HEX

#FBAAD4

RGB

251, 170, 212

HSL

328,9, 91,0%, 82,5%

HSV

328,9, 32,3%, 98,4%

CMYK

0,0%, 32,3%, 15,5%, 1,6%

OKLCH

0,8283 0,1081 347,3

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FBAAD4

#AAFBD1

Analogous

#F9AAFB

#FBAAAB

#FBAAD4

Triadic

#FBAAD4

#D4FBAA

#AAD4FB

Split Complementary

#FBAAD4

#ABFBAA

#AAFBF9

Tetradic

#FBAAD4

#FBF9AA

#AAFBD1

#AAABFB

Color Blindness Simulation

Original

#FBAAD4

Protanopia

#D8D7CA

Deuteranopia

#DDE3C7

Tritanopia

#F7C2C0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FCBBDC
300
#F98AC4
400
#F74BA4
500
#F40B84
600
#C30969
700
#9C0754
800
#7A0642
900
#580932
950
#380620

Contrast Checker

Text on white

1,78:1

AA Fail AAA Fail

Text on black

11,8: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