#FFDCDF

#FFDCDF

Color Values

HEX

#FFDCDF

RGB

255, 220, 223

HSL

354.9, 100.0%, 93.1%

HSV

354.9, 13.7%, 100.0%

CMYK

0.0%, 13.7%, 12.5%, 0.0%

OKLCH

0.9244 0.039 12.0

Properties

Warm Light Nearest: Piggy Pink

Color Harmonies

Complementary

#FFDCDF

#DCFFFC

Analogous

#FFDCF0

#FFEADC

#FFDCDF

Triadic

#FFDCDF

#DFFFDC

#DCDFFF

Split Complementary

#FFDCDF

#DCFFEA

#DCF0FF

Tetradic

#FFDCDF

#F0FFDC

#DCFFFC

#EADCFF

Color Blindness Simulation

Original

#FFDCDF

Protanopia

#F0F0DE

Deuteranopia

#F2F4DE

Tritanopia

#FDDEDE

Achromatopsia

#E4E4E4

CSS Usage

background-color: #FFDCDF;
color: #FFDCDF;
border-color: #FFDCDF;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FFB8BE
300
#FF858F
400
#FF4252
500
#FF0016
600
#CC0011
700
#A3000E
800
#80000B
900
#5C050C
950
#3A0308

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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