#FAB6DC

#FAB6DC

Color Values

HEX

#FAB6DC

RGB

250, 182, 220

HSL

326.5, 87.2%, 84.7%

HSV

326.5, 27.2%, 98.0%

CMYK

0.0%, 27.2%, 12.0%, 2.0%

OKLCH

0.8502 0.092 344.6

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#FAB6DC

#B6FAD4

Analogous

#F6B6FA

#FAB6BA

#FAB6DC

Triadic

#FAB6DC

#DCFAB6

#B6DCFA

Split Complementary

#FAB6DC

#BAFAB6

#B6FAF6

Tetradic

#FAB6DC

#FAF6B6

#B6FAD4

#B6BAFA

Color Blindness Simulation

Original

#FAB6DC

Protanopia

#DDDCD3

Deuteranopia

#E0E6D1

Tritanopia

#F7CCCA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCDF
300
#F78CC8
400
#F34EAA
500
#EF108C
600
#BF0D70
700
#990A5A
800
#770846
900
#560A35
950
#370721

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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