#FDDABF

#FDDABF

Color Values

HEX

#FDDABF

RGB

253, 218, 191

HSL

26,1, 93,9%, 87,1%

HSV

26,1, 24,5%, 99,2%

CMYK

0,0%, 13,8%, 24,5%, 0,8%

OKLCH

0,9108 0,0531 59,7

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FDDABF

#BFE2FD

Analogous

#FDBFC3

#FDF9BF

#FDDABF

Triadic

#FDDABF

#BFFDDA

#DABFFD

Split Complementary

#FDDABF

#BFFDF9

#BFC3FD

Tetradic

#FDDABF

#C3FDBF

#BFE2FD

#F9BFFD

Color Blindness Simulation

Original

#FDDABF

Protanopia

#EEEEC6

Deuteranopia

#F0F2C7

Tritanopia

#FBCBCC

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FDD7BA
300
#FBBA88
400
#F99548
500
#F77008
600
#C65A06
700
#9E4805
800
#7C3804
900
#592B08
950
#381B05

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,96: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