#FFDEC0

#FFDEC0

Color Values

HEX

#FFDEC0

RGB

255, 222, 192

HSL

28,6, 100,0%, 87,6%

HSV

28,6, 24,7%, 100,0%

CMYK

0,0%, 12,9%, 24,7%, 0,0%

OKLCH

0,9204 0,054 64,4

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FFDEC0

#C0E1FF

Analogous

#FFC0C1

#FFFEC0

#FFDEC0

Triadic

#FFDEC0

#C0FFDE

#DEC0FF

Split Complementary

#FFDEC0

#C0FFFE

#C0C1FF

Tetradic

#FFDEC0

#C1FFC0

#C0E1FF

#FEC0FF

Color Blindness Simulation

Original

#FFDEC0

Protanopia

#F1F0C7

Deuteranopia

#F3F5C9

Tritanopia

#FDCDCE

Achromatopsia

#E3E3E3

CSS Usage

background-color: #FFDEC0;
color: #FFDEC0;
border-color: #FFDEC0;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FFDAB8
300
#FFBF85
400
#FF9C42
500
#FF7A00
600
#CC6100
700
#A34E00
800
#803D00
900
#5C2E05
950
#3A1D03

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,46: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