#F1ABD3

#F1ABD3

Color Values

HEX

#F1ABD3

RGB

241, 171, 211

HSL

325.7, 71.4%, 80.8%

HSV

325.7, 29.0%, 94.5%

CMYK

0.0%, 29.0%, 12.4%, 5.5%

OKLCH

0.8192 0.0962 344.2

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#F1ABD3

#ABF1C9

Analogous

#ECABF1

#F1ABB0

#F1ABD3

Triadic

#F1ABD3

#D3F1AB

#ABD3F1

Split Complementary

#F1ABD3

#B0F1AB

#ABF1EC

Tetradic

#F1ABD3

#F1ECAB

#ABF1C9

#ABB0F1

Color Blindness Simulation

Original

#F1ABD3

Protanopia

#D3D2C9

Deuteranopia

#D7DCC7

Tritanopia

#EEC2C0

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F5C2DF
300
#ED96C8
400
#E45DAA
500
#DB248D
600
#AF1D70
700
#8C175A
800
#6D1246
900
#501135
950
#320B21

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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