#FDD0B2

#FDD0B2

Color Values

HEX

#FDD0B2

RGB

253, 208, 178

HSL

24.0, 94.9%, 84.5%

HSV

24.0, 29.6%, 99.2%

CMYK

0.0%, 17.8%, 29.6%, 0.8%

OKLCH

0.8889 0.0648 55.4

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDD0B2

#B2DFFD

Analogous

#FDB2B9

#FDF5B2

#FDD0B2

Triadic

#FDD0B2

#B2FDD0

#D0B2FD

Split Complementary

#FDD0B2

#B2FDF5

#B2B9FD

Tetradic

#FDD0B2

#B9FDB2

#B2DFFD

#F5B2FD

Color Blindness Simulation

Original

#FDD0B2

Protanopia

#EAE9B9

Deuteranopia

#ECF0BB

Tritanopia

#FBBFC0

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADF
200
#FDD5B9
300
#FCB688
400
#FA8F47
500
#F86707
600
#C75305
700
#9F4204
800
#7C3403
900
#5A2807
950
#391904

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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