#FDD1AF

#FDD1AF

Color Values

HEX

#FDD1AF

RGB

253, 209, 175

HSL

26.2, 95.1%, 83.9%

HSV

26.2, 30.8%, 99.2%

CMYK

0.0%, 17.4%, 30.8%, 0.8%

OKLCH

0.8902 0.0671 59.5

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FDD1AF

#AFDBFD

Analogous

#FDAFB4

#FDF8AF

#FDD1AF

Triadic

#FDD1AF

#AFFDD1

#D1AFFD

Split Complementary

#FDD1AF

#AFFDF8

#AFB4FD

Tetradic

#FDD1AF

#B4FDAF

#AFDBFD

#F8AFFD

Color Blindness Simulation

Original

#FDD1AF

Protanopia

#EAEAB7

Deuteranopia

#ECF0B9

Tritanopia

#FBBEBF

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEBDF
200
#FDD7B9
300
#FCBA88
400
#FA9547
500
#F97006
600
#C75A05
700
#9F4804
800
#7C3803
900
#5A2B07
950
#391B04

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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