#F0ABD3

#F0ABD3

Color Values

HEX

#F0ABD3

RGB

240, 171, 211

HSL

325.2, 69.7%, 80.6%

HSV

325.2, 28.8%, 94.1%

CMYK

0.0%, 28.8%, 12.1%, 5.9%

OKLCH

0.8181 0.0952 343.7

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#F0ABD3

#ABF0C8

Analogous

#EAABF0

#F0ABB1

#F0ABD3

Triadic

#F0ABD3

#D3F0AB

#ABD3F0

Split Complementary

#F0ABD3

#B1F0AB

#ABF0EA

Tetradic

#F0ABD3

#F0EAAB

#ABF0C8

#ABB1F0

Color Blindness Simulation

Original

#F0ABD3

Protanopia

#D2D2C9

Deuteranopia

#D6DBC7

Tritanopia

#EDC2C0

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E3EF
200
#F4C2DF
300
#EC97C9
400
#E25FAB
500
#D8278E
600
#AD1F71
700
#8A195B
800
#6C1347
900
#4F1235
950
#320B22

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.47:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026