#FABDF2

#FABDF2

Color Values

HEX

#FABDF2

RGB

250, 189, 242

HSL

307.9, 85.9%, 86.1%

HSV

307.9, 24.4%, 98.0%

CMYK

0.0%, 24.4%, 3.2%, 2.0%

OKLCH

0.8697 0.0976 330.9

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#FABDF2

#BDFAC5

Analogous

#E4BDFA

#FABDD4

#FABDF2

Triadic

#FABDF2

#F2FABD

#BDF2FA

Split Complementary

#FABDF2

#D4FABD

#BDFAE4

Tetradic

#FABDF2

#FAE4BD

#BDFAC5

#BDD4FA

Color Blindness Simulation

Original

#FABDF2

Protanopia

#E0DFE5

Deuteranopia

#E3E8E2

Tritanopia

#F7DBD9

Achromatopsia

#CECECE

CSS Usage

background-color: #FABDF2;
color: #FABDF2;
border-color: #FABDF2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FDF2FB
100
#FAE0F7
200
#FABDF2
300
#F68DE9
400
#F250DC
500
#ED12D0
600
#BE0EA7
700
#980C85
800
#770968
900
#560B4C
950
#360730

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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