#F5ABC8

#F5ABC8

Color Values

HEX

#F5ABC8

RGB

245, 171, 200

HSL

336.5, 78.7%, 81.6%

HSV

336.5, 30.2%, 96.1%

CMYK

0.0%, 30.2%, 18.4%, 3.9%

OKLCH

0.8199 0.0937 354.2

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F5ABC8

#ABF5D8

Analogous

#F5ABED

#F5B3AB

#F5ABC8

Triadic

#F5ABC8

#C8F5AB

#ABC8F5

Split Complementary

#F5ABC8

#ABF5B3

#ABEDF5

Tetradic

#F5ABC8

#EDF5AB

#ABF5D8

#B3ABF5

Color Blindness Simulation

Original

#F5ABC8

Protanopia

#D5D4C1

Deuteranopia

#D9DFBF

Tritanopia

#F1BBBA

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EB
200
#F7BFD5
300
#F292B7
400
#EB5691
500
#E41B6A
600
#B61655
700
#921144
800
#720E35
900
#530E29
950
#34091A

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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