#FDDDBF

#FDDDBF

Color Values

HEX

#FDDDBF

RGB

253, 221, 191

HSL

29.0, 93.9%, 87.1%

HSV

29.0, 24.5%, 99.2%

CMYK

0.0%, 12.6%, 24.5%, 0.8%

OKLCH

0.9165 0.0532 65.2

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FDDDBF

#BFDFFD

Analogous

#FDBFC0

#FDFCBF

#FDDDBF

Triadic

#FDDDBF

#BFFDDD

#DDBFFD

Split Complementary

#FDDDBF

#BFFDFC

#BFC0FD

Tetradic

#FDDDBF

#C0FDBF

#BFDFFD

#FCBFFD

Color Blindness Simulation

Original

#FDDDBF

Protanopia

#EFEFC6

Deuteranopia

#F1F3C8

Tritanopia

#FBCCCD

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FDDABA
300
#FBC088
400
#F99E48
500
#F77C08
600
#C66306
700
#9E4F05
800
#7C3E04
900
#592F08
950
#381E05

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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