#F9CAD9

#F9CAD9

Color Values

HEX

#F9CAD9

RGB

249, 202, 217

HSL

340.9, 79.7%, 88.4%

HSV

340.9, 18.9%, 97.6%

CMYK

0.0%, 18.9%, 12.9%, 2.4%

OKLCH

0.884 0.0564 357.2

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F9CAD9

#CAF9EA

Analogous

#F9CAF0

#F9D2CA

#F9CAD9

Triadic

#F9CAD9

#D9F9CA

#CAD9F9

Split Complementary

#F9CAD9

#CAF9D2

#CAF0F9

Tetradic

#F9CAD9

#F0F9CA

#CAF9EA

#D2CAF9

Color Blindness Simulation

Original

#F9CAD9

Protanopia

#E5E4D5

Deuteranopia

#E7EBD4

Tritanopia

#F7D3D2

Achromatopsia

#D5D5D5

CSS Usage

background-color: #F9CAD9;
color: #F9CAD9;
border-color: #F9CAD9;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FDF2F5
100
#F9E1E9
200
#F8BFD1
300
#F391B0
400
#EC5585
500
#E51A5B
600
#B71548
700
#93113A
800
#730D2D
900
#530E24
950
#350917

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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