#FDDDAA

#FDDDAA

Color Values

HEX

#FDDDAA

RGB

253, 221, 170

HSL

36.9, 95.4%, 82.9%

HSV

36.9, 32.8%, 99.2%

CMYK

0.0%, 12.6%, 32.8%, 0.8%

OKLCH

0.9121 0.0746 79.2

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FDDDAA

#AACAFD

Analogous

#FDB3AA

#F3FDAA

#FDDDAA

Triadic

#FDDDAA

#AAFDDD

#DDAAFD

Split Complementary

#FDDDAA

#AAF3FD

#B3AAFD

Tetradic

#FDDDAA

#AAFDB3

#AACAFD

#FDAAF3

Color Blindness Simulation

Original

#FDDDAA

Protanopia

#EFEFB6

Deuteranopia

#F1F3B9

Tritanopia

#FBC0C2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE3B9
300
#FCCF87
400
#FBB547
500
#F99B06
600
#C77C05
700
#9F6404
800
#7D4E03
900
#5A3A07
950
#392504

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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