#F4ABCB

#F4ABCB

Color Values

HEX

#F4ABCB

RGB

244, 171, 203

HSL

333,7, 76,8%, 81,4%

HSV

333,7, 29,9%, 95,7%

CMYK

0,0%, 29,9%, 16,8%, 4,3%

OKLCH

0,8198 0,0942 351,4

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F4ABCB

#ABF4D4

Analogous

#F4ABF0

#F4B0AB

#F4ABCB

Triadic

#F4ABCB

#CBF4AB

#ABCBF4

Split Complementary

#F4ABCB

#ABF4B0

#ABF0F4

Tetradic

#F4ABCB

#F0F4AB

#ABF4D4

#B0ABF4

Color Blindness Simulation

Original

#F4ABCB

Protanopia

#D4D4C3

Deuteranopia

#D9DEC1

Tritanopia

#F0BDBC

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D8
300
#F193BC
400
#E95898
500
#E11E73
600
#B4185C
700
#90134A
800
#710F3A
900
#520F2C
950
#34091C

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,53: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