#FAB6F4

#FAB6F4

Color Values

HEX

#FAB6F4

RGB

250, 182, 244

HSL

305.3, 87.2%, 84.7%

HSV

305.3, 27.2%, 98.0%

CMYK

0.0%, 27.2%, 2.4%, 2.0%

OKLCH

0.8584 0.1116 329.5

Properties

Warm Light Nearest: plum 1

Color Harmonies

Complementary

#FAB6F4

#B6FABC

Analogous

#DEB6FA

#FAB6D2

#FAB6F4

Triadic

#FAB6F4

#F4FAB6

#B6F4FA

Split Complementary

#FAB6F4

#D2FAB6

#B6FADE

Tetradic

#FAB6F4

#FADEB6

#B6FABC

#B6D2FA

Color Blindness Simulation

Original

#FAB6F4

Protanopia

#DDDCE5

Deuteranopia

#E0E6E1

Tritanopia

#F7D9D7

Achromatopsia

#C9C9C9

CSS Usage

background-color: #FAB6F4;
color: #FAB6F4;
border-color: #FAB6F4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABCF5
300
#F78CEE
400
#F34EE4
500
#EF10DB
600
#BF0DAF
700
#990A8C
800
#77086E
900
#560A50
950
#370732

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.06:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026