#F4ABC6

#F4ABC6

Color Values

HEX

#F4ABC6

RGB

244, 171, 198

HSL

337,8, 76,8%, 81,4%

HSV

337,8, 29,9%, 95,7%

CMYK

0,0%, 29,9%, 18,9%, 4,3%

OKLCH

0,8182 0,0917 355,4

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F4ABC6

#ABF4D9

Analogous

#F4ABEB

#F4B5AB

#F4ABC6

Triadic

#F4ABC6

#C6F4AB

#ABC6F4

Split Complementary

#F4ABC6

#ABF4B5

#ABEBF4

Tetradic

#F4ABC6

#EBF4AB

#ABF4D9

#B5ABF4

Color Blindness Simulation

Original

#F4ABC6

Protanopia

#D4D4BF

Deuteranopia

#D9DEBE

Tritanopia

#F0BAB9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EA
200
#F7C0D4
300
#F193B6
400
#E9588E
500
#E11E66
600
#B41852
700
#901341
800
#710F33
900
#520F28
950
#340919

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

11,49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026