#F4ACD5

#F4ACD5

Color Values

HEX

#F4ACD5

RGB

244, 172, 213

HSL

325.8, 76.6%, 81.6%

HSV

325.8, 29.5%, 95.7%

CMYK

0.0%, 29.5%, 12.7%, 4.3%

OKLCH

0.8246 0.0986 344.3

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F4ACD5

#ACF4CB

Analogous

#EFACF4

#F4ACB1

#F4ACD5

Triadic

#F4ACD5

#D5F4AC

#ACD5F4

Split Complementary

#F4ACD5

#B1F4AC

#ACF4EF

Tetradic

#F4ACD5

#F4EFAC

#ACF4CB

#ACB1F4

Color Blindness Simulation

Original

#F4ACD5

Protanopia

#D5D4CB

Deuteranopia

#D9DEC9

Tritanopia

#F0C3C2

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E2EF
200
#F7C0DF
300
#F193C8
400
#E958AB
500
#E11E8D
600
#B41871
700
#90135A
800
#710F47
900
#520F35
950
#340A22

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026