#FDD7BC

#FDD7BC

Color Values

HEX

#FDD7BC

RGB

253, 215, 188

HSL

24.9, 94.2%, 86.5%

HSV

24.9, 25.7%, 99.2%

CMYK

0.0%, 15.0%, 25.7%, 0.8%

OKLCH

0.9044 0.0558 57.3

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FDD7BC

#BCE2FD

Analogous

#FDBCC2

#FDF7BC

#FDD7BC

Triadic

#FDD7BC

#BCFDD7

#D7BCFD

Split Complementary

#FDD7BC

#BCFDF7

#BCC2FD

Tetradic

#FDD7BC

#C2FDBC

#BCE2FD

#F7BCFD

Color Blindness Simulation

Original

#FDD7BC

Protanopia

#EDECC3

Deuteranopia

#EFF2C4

Tritanopia

#FBC8C9

Achromatopsia

#DDDDDD

CSS Usage

background-color: #FDD7BC;
color: #FDD7BC;
border-color: #FDD7BC;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD6BA
300
#FBB888
400
#FA9248
500
#F86B07
600
#C65606
700
#9E4505
800
#7C3604
900
#5A2907
950
#391A05

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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