#FDDFC3

#FDDFC3

Color Values

HEX

#FDDFC3

RGB

253, 223, 195

HSL

29.0, 93.5%, 87.8%

HSV

29.0, 22.9%, 99.2%

CMYK

0.0%, 11.9%, 22.9%, 0.8%

OKLCH

0.9213 0.0498 65.2

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#FDDFC3

#C3E1FD

Analogous

#FDC3C4

#FDFCC3

#FDDFC3

Triadic

#FDDFC3

#C3FDDF

#DFC3FD

Split Complementary

#FDDFC3

#C3FDFC

#C3C4FD

Tetradic

#FDDFC3

#C4FDC3

#C3E1FD

#FCC3FD

Color Blindness Simulation

Original

#FDDFC3

Protanopia

#F0F0CA

Deuteranopia

#F2F4CB

Tritanopia

#FCCFD0

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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