#FBAFD9

#FBAFD9

Color Values

HEX

#FBAFD9

RGB

251, 175, 217

HSL

326.8, 90.5%, 83.5%

HSV

326.8, 30.3%, 98.4%

CMYK

0.0%, 30.3%, 13.5%, 1.6%

OKLCH

0.8383 0.1028 345.3

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FBAFD9

#AFFBD1

Analogous

#F7AFFB

#FBAFB3

#FBAFD9

Triadic

#FBAFD9

#D9FBAF

#AFD9FB

Split Complementary

#FBAFD9

#B3FBAF

#AFFBF7

Tetradic

#FBAFD9

#FBF7AF

#AFFBD1

#AFB3FB

Color Blindness Simulation

Original

#FBAFD9

Protanopia

#DAD9CF

Deuteranopia

#DEE4CC

Tritanopia

#F7C7C5

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FCBBDF
300
#F98AC8
400
#F64BAA
500
#F30C8C
600
#C20A70
700
#9B0859
800
#790646
900
#580935
950
#380621

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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