#FDD8AA

#FDD8AA

Color Values

HEX

#FDD8AA

RGB

253, 216, 170

HSL

33.3, 95.4%, 82.9%

HSV

33.3, 32.8%, 99.2%

CMYK

0.0%, 14.6%, 32.8%, 0.8%

OKLCH

0.9025 0.0726 72.8

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FDD8AA

#AACFFD

Analogous

#FDAEAA

#F8FDAA

#FDD8AA

Triadic

#FDD8AA

#AAFDD8

#D8AAFD

Split Complementary

#FDD8AA

#AAF8FD

#AEAAFD

Tetradic

#FDD8AA

#AAFDAE

#AACFFD

#FDAAF8

Color Blindness Simulation

Original

#FDD8AA

Protanopia

#EDEDB5

Deuteranopia

#EFF2B8

Tritanopia

#FBBEC0

Achromatopsia

#DDDDDD

CSS Usage

background-color: #FDD8AA;
color: #FDD8AA;
border-color: #FDD8AA;
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.35:1

AA Fail AAA Fail

Text on black

15.58:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026