#F5ABD3

#F5ABD3

Color Values

HEX

#F5ABD3

RGB

245, 171, 211

HSL

327.6, 78.7%, 81.6%

HSV

327.6, 30.2%, 96.1%

CMYK

0.0%, 30.2%, 13.9%, 3.9%

OKLCH

0.8233 0.1 345.9

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F5ABD3

#ABF5CD

Analogous

#F2ABF5

#F5ABAE

#F5ABD3

Triadic

#F5ABD3

#D3F5AB

#ABD3F5

Split Complementary

#F5ABD3

#AEF5AB

#ABF5F2

Tetradic

#F5ABD3

#F5F2AB

#ABF5CD

#ABAEF5

Color Blindness Simulation

Original

#F5ABD3

Protanopia

#D5D4C9

Deuteranopia

#D9DFC7

Tritanopia

#F1C2C0

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EE
200
#F7BFDE
300
#F292C6
400
#EB56A7
500
#E41B88
600
#B6166C
700
#921157
800
#720E44
900
#530E33
950
#340920

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026