#F9ADD0

#F9ADD0

Color Values

HEX

#F9ADD0

RGB

249, 173, 208

HSL

332.4, 86.4%, 82.7%

HSV

332.4, 30.5%, 97.6%

CMYK

0.0%, 30.5%, 16.5%, 2.4%

OKLCH

0.83 0.0987 350.3

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F9ADD0

#ADF9D6

Analogous

#F9ADF6

#F9B0AD

#F9ADD0

Triadic

#F9ADD0

#D0F9AD

#ADD0F9

Split Complementary

#F9ADD0

#ADF9B0

#ADF6F9

Tetradic

#F9ADD0

#F6F9AD

#ADF9D6

#B0ADF9

Color Blindness Simulation

Original

#F9ADD0

Protanopia

#D8D7C8

Deuteranopia

#DCE2C6

Tritanopia

#F5C1BF

Achromatopsia

#C0C0C0

CSS Usage

background-color: #F9ADD0;
color: #F9ADD0;
border-color: #F9ADD0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABCD9
300
#F78DBE
400
#F24F9A
500
#EE1177
600
#BE0E5F
700
#980B4C
800
#77093B
900
#560B2D
950
#36071D

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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