#F9ACC4

#F9ACC4

Color Values

HEX

#F9ACC4

RGB

249, 172, 196

HSL

341.3, 86.5%, 82.5%

HSV

341.3, 30.9%, 97.6%

CMYK

0.0%, 30.9%, 21.3%, 2.4%

OKLCH

0.8246 0.0947 359.1

Properties

Warm Light Nearest: pink 1

Color Harmonies

Complementary

#F9ACC4

#ACF9E1

Analogous

#F9ACEA

#F9BAAC

#F9ACC4

Triadic

#F9ACC4

#C4F9AC

#ACC4F9

Split Complementary

#F9ACC4

#ACF9BA

#ACEAF9

Tetradic

#F9ACC4

#EAF9AC

#ACF9E1

#BAACF9

Color Blindness Simulation

Original

#F9ACC4

Protanopia

#D8D7BE

Deuteranopia

#DCE2BD

Tritanopia

#F5BAB9

Achromatopsia

#BEBEBE

CSS Usage

background-color: #F9ACC4;
color: #F9ACC4;
border-color: #F9ACC4;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FDF2F5
100
#FAE0E8
200
#FABCD0
300
#F78DAE
400
#F24F82
500
#EE1156
600
#BE0E45
700
#980B37
800
#77092B
900
#560B22
950
#360716

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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