#FDECD3

#FDECD3

Color Values

HEX

#FDECD3

RGB

253, 236, 211

HSL

35.7, 91.3%, 91.0%

HSV

35.7, 16.6%, 99.2%

CMYK

0.0%, 6.7%, 16.6%, 0.8%

OKLCH

0.9501 0.0377 77.6

Properties

Warm Light Nearest: papayawhip

Color Harmonies

Complementary

#FDECD3

#D3E4FD

Analogous

#FDD7D3

#F9FDD3

#FDECD3

Triadic

#FDECD3

#D3FDEC

#ECD3FD

Split Complementary

#FDECD3

#D3F9FD

#D7D3FD

Tetradic

#FDECD3

#D3FDD7

#D3E4FD

#FDD3F9

Color Blindness Simulation

Original

#FDECD3

Protanopia

#F6F5D9

Deuteranopia

#F7F8DA

Tritanopia

#FCDEDF

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FCE1BB
300
#FACC8A
400
#F7B14B
500
#F4960B
600
#C37809
700
#9C6007
800
#7A4B06
900
#583809
950
#382305

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026