#F9ACC5

#F9ACC5

Color Values

HEX

#F9ACC5

RGB

249, 172, 197

HSL

340.5, 86.5%, 82.5%

HSV

340.5, 30.9%, 97.6%

CMYK

0.0%, 30.9%, 20.9%, 2.4%

OKLCH

0.8249 0.0951 358.3

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F9ACC5

#ACF9E0

Analogous

#F9ACEB

#F9B9AC

#F9ACC5

Triadic

#F9ACC5

#C5F9AC

#ACC5F9

Split Complementary

#F9ACC5

#ACF9B9

#ACEBF9

Tetradic

#F9ACC5

#EBF9AC

#ACF9E0

#B9ACF9

Color Blindness Simulation

Original

#F9ACC5

Protanopia

#D8D7BF

Deuteranopia

#DCE2BD

Tritanopia

#F5BAB9

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FDF2F5
100
#FAE0E9
200
#FABCD0
300
#F78DAF
400
#F24F84
500
#EE1159
600
#BE0E47
700
#980B39
800
#77092C
900
#560B23
950
#360716

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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