#FDD8BC

#FDD8BC

Color Values

HEX

#FDD8BC

RGB

253, 216, 188

HSL

25.8, 94.2%, 86.5%

HSV

25.8, 25.7%, 99.2%

CMYK

0.0%, 14.6%, 25.7%, 0.8%

OKLCH

0.9063 0.0557 59.1

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FDD8BC

#BCE1FD

Analogous

#FDBCC1

#FDF8BC

#FDD8BC

Triadic

#FDD8BC

#BCFDD8

#D8BCFD

Split Complementary

#FDD8BC

#BCFDF8

#BCC1FD

Tetradic

#FDD8BC

#C1FDBC

#BCE1FD

#F8BCFD

Color Blindness Simulation

Original

#FDD8BC

Protanopia

#EDEDC3

Deuteranopia

#EFF2C4

Tritanopia

#FBC8C9

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD7BA
300
#FBBA88
400
#FA9448
500
#F86F07
600
#C65906
700
#9E4705
800
#7C3704
900
#5A2B07
950
#391B05

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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