#FDC5C2

#FDC5C2

Color Values

HEX

#FDC5C2

RGB

253, 197, 194

HSL

3.1, 93.7%, 87.6%

HSV

3.1, 23.3%, 99.2%

CMYK

0.0%, 22.1%, 23.3%, 0.8%

OKLCH

0.8724 0.0645 22.0

Properties

Warm Light Nearest: rosybrown 1

Color Harmonies

Complementary

#FDC5C2

#C2FAFD

Analogous

#FDC2DC

#FDE2C2

#FDC5C2

Triadic

#FDC5C2

#C2FDC5

#C5C2FD

Split Complementary

#FDC5C2

#C2FDE2

#C2DCFD

Tetradic

#FDC5C2

#DCFDC2

#C2FAFD

#E2C2FD

Color Blindness Simulation

Original

#FDC5C2

Protanopia

#E5E4C3

Deuteranopia

#E8ECC3

Tritanopia

#FAC3C3

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FDBDBA
300
#FB8E88
400
#F95148
500
#F71408
600
#C61006
700
#9E0D05
800
#7B0A04
900
#590C08
950
#380705

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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