#FDCAC9

#FDCAC9

Color Values

HEX

#FDCAC9

RGB

253, 202, 201

HSL

1,2, 92,9%, 89,0%

HSV

1,2, 20,6%, 99,2%

CMYK

0,0%, 20,2%, 20,6%, 0,8%

OKLCH

0,8833 0,0582 19,6

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#FDCAC9

#C9FCFD

Analogous

#FDC9E2

#FDE4C9

#FDCAC9

Triadic

#FDCAC9

#C9FDCA

#CAC9FD

Split Complementary

#FDCAC9

#C9FDE4

#C9E2FD

Tetradic

#FDCAC9

#E2FDC9

#C9FCFD

#E4C9FD

Color Blindness Simulation

Original

#FDCAC9

Protanopia

#E7E6C9

Deuteranopia

#EAEEC9

Tritanopia

#FAC9C9

Achromatopsia

#D5D5D5

CSS Usage

background-color: #FDCAC9;
color: #FDCAC9;
border-color: #FDCAC9;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FCBBBA
300
#FB8B89
400
#F84D49
500
#F60E09
600
#C50B07
700
#9D0906
800
#7B0705
900
#590A08
950
#380605

Contrast Checker

Text on white

1,45:1

AA Fail AAA Fail

Text on black

14,47:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026