#F9ADCF

#F9ADCF

Color Values

HEX

#F9ADCF

RGB

249, 173, 207

HSL

333,2, 86,4%, 82,7%

HSV

333,2, 30,5%, 97,6%

CMYK

0,0%, 30,5%, 16,9%, 2,4%

OKLCH

0,8297 0,0982 351,0

Properties

Warm Light Nearest: Lavender

Color Harmonies

Complementary

#F9ADCF

#ADF9D7

Analogous

#F9ADF5

#F9B1AD

#F9ADCF

Triadic

#F9ADCF

#CFF9AD

#ADCFF9

Split Complementary

#F9ADCF

#ADF9B1

#ADF5F9

Tetradic

#F9ADCF

#F5F9AD

#ADF9D7

#B1ADF9

Color Blindness Simulation

Original

#F9ADCF

Protanopia

#D8D7C7

Deuteranopia

#DCE2C5

Tritanopia

#F5C0BF

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABCD8
300
#F78DBC
400
#F24F98
500
#EE1174
600
#BE0E5D
700
#980B4A
800
#77093A
900
#560B2C
950
#36071C

Contrast Checker

Text on white

1,76:1

AA Fail AAA Fail

Text on black

11,91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026