#F4ABCC

#F4ABCC

Color Values

HEX

#F4ABCC

RGB

244, 171, 204

HSL

332.9, 76.8%, 81.4%

HSV

332.9, 29.9%, 95.7%

CMYK

0.0%, 29.9%, 16.4%, 4.3%

OKLCH

0.8201 0.0948 350.7

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F4ABCC

#ABF4D3

Analogous

#F4ABF0

#F4AFAB

#F4ABCC

Triadic

#F4ABCC

#CCF4AB

#ABCCF4

Split Complementary

#F4ABCC

#ABF4AF

#ABF0F4

Tetradic

#F4ABCC

#F0F4AB

#ABF4D3

#AFABF4

Color Blindness Simulation

Original

#F4ABCC

Protanopia

#D4D4C4

Deuteranopia

#D9DEC2

Tritanopia

#F0BEBC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D9
300
#F193BD
400
#E9589A
500
#E11E76
600
#B4185E
700
#90134C
800
#710F3B
900
#520F2D
950
#34091D

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