#FDD9AC

#FDD9AC

Color Values

HEX

#FDD9AC

RGB

253, 217, 172

HSL

33.3, 95.3%, 83.3%

HSV

33.3, 32.0%, 99.2%

CMYK

0.0%, 14.2%, 32.0%, 0.8%

OKLCH

0.9048 0.0709 72.9

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FDD9AC

#ACD0FD

Analogous

#FDB0AC

#F9FDAC

#FDD9AC

Triadic

#FDD9AC

#ACFDD9

#D9ACFD

Split Complementary

#FDD9AC

#ACF9FD

#B0ACFD

Tetradic

#FDD9AC

#ACFDB0

#ACD0FD

#FDACF9

Color Blindness Simulation

Original

#FDD9AC

Protanopia

#EDEDB7

Deuteranopia

#F0F2BA

Tritanopia

#FBBFC1

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FDDFB9
300
#FCC887
400
#FBAB47
500
#F98D06
600
#C77105
700
#9F5A04
800
#7D4603
900
#5A3507
950
#392104

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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