#F9CADA

#F9CADA

Color Values

HEX

#F9CADA

RGB

249, 202, 218

HSL

339.6, 79.7%, 88.4%

HSV

339.6, 18.9%, 97.6%

CMYK

0.0%, 18.9%, 12.4%, 2.4%

OKLCH

0.8843 0.0568 355.9

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F9CADA

#CAF9E9

Analogous

#F9CAF1

#F9D1CA

#F9CADA

Triadic

#F9CADA

#DAF9CA

#CADAF9

Split Complementary

#F9CADA

#CAF9D1

#CAF1F9

Tetradic

#F9CADA

#F1F9CA

#CAF9E9

#D1CAF9

Color Blindness Simulation

Original

#F9CADA

Protanopia

#E5E4D6

Deuteranopia

#E7EBD5

Tritanopia

#F7D3D2

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1E9
200
#F8BFD2
300
#F391B2
400
#EC5589
500
#E51A5F
600
#B7154C
700
#93113D
800
#730D2F
900
#530E25
950
#350918

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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