#F9CADB

#F9CADB

Color Values

HEX

#F9CADB

RGB

249, 202, 219

HSL

338.3, 79.7%, 88.4%

HSV

338.3, 18.9%, 97.6%

CMYK

0.0%, 18.9%, 12.0%, 2.4%

OKLCH

0.8846 0.0573 354.7

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F9CADB

#CAF9E8

Analogous

#F9CAF2

#F9D0CA

#F9CADB

Triadic

#F9CADB

#DBF9CA

#CADBF9

Split Complementary

#F9CADB

#CAF9D0

#CAF2F9

Tetradic

#F9CADB

#F2F9CA

#CAF9E8

#D0CAF9

Color Blindness Simulation

Original

#F9CADB

Protanopia

#E5E4D7

Deuteranopia

#E7EBD6

Tritanopia

#F7D4D3

Achromatopsia

#D5D5D5

CSS Usage

background-color: #F9CADB;
color: #F9CADB;
border-color: #F9CADB;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD3
300
#F391B4
400
#EC558C
500
#E51A63
600
#B71550
700
#931140
800
#730D32
900
#530E27
950
#350919

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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