#FDD7AE

#FDD7AE

Color Values

HEX

#FDD7AE

RGB

253, 215, 174

HSL

31.1, 95.2%, 83.7%

HSV

31.1, 31.2%, 99.2%

CMYK

0.0%, 15.0%, 31.2%, 0.8%

OKLCH

0.9014 0.0684 68.9

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FDD7AE

#AED4FD

Analogous

#FDAFAE

#FCFDAE

#FDD7AE

Triadic

#FDD7AE

#AEFDD7

#D7AEFD

Split Complementary

#FDD7AE

#AEFCFD

#AFAEFD

Tetradic

#FDD7AE

#AEFDAF

#AED4FD

#FDAEFC

Color Blindness Simulation

Original

#FDD7AE

Protanopia

#EDECB8

Deuteranopia

#EFF2BA

Tritanopia

#FBC0C1

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDF
200
#FDDDB9
300
#FCC488
400
#FAA447
500
#F98406
600
#C76A05
700
#9F5404
800
#7C4203
900
#5A3207
950
#392004

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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