#F9CDDF

#F9CDDF

Color Values

HEX

#F9CDDF

RGB

249, 205, 223

HSL

335,5, 78,6%, 89,0%

HSV

335,5, 17,7%, 97,6%

CMYK

0,0%, 17,7%, 10,4%, 2,4%

OKLCH

0,8912 0,0546 351,8

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F9CDDF

#CDF9E7

Analogous

#F9CDF5

#F9D1CD

#F9CDDF

Triadic

#F9CDDF

#DFF9CD

#CDDFF9

Split Complementary

#F9CDDF

#CDF9D1

#CDF5F9

Tetradic

#F9CDDF

#F5F9CD

#CDF9E7

#D1CDF9

Color Blindness Simulation

Original

#F9CDDF

Protanopia

#E6E6DB

Deuteranopia

#E8ECDA

Tritanopia

#F7D7D6

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EB
200
#F7BFD6
300
#F292B9
400
#EB5693
500
#E41B6D
600
#B61657
700
#921146
800
#720E37
900
#530E2A
950
#34091B

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026