#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026