#FDDDC0

#FDDDC0

Color Values

HEX

#FDDDC0

RGB

253, 221, 192

HSL

28.5, 93.8%, 87.3%

HSV

28.5, 24.1%, 99.2%

CMYK

0.0%, 12.6%, 24.1%, 0.8%

OKLCH

0.9168 0.0523 64.3

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#FDDDC0

#C0E0FD

Analogous

#FDC0C2

#FDFBC0

#FDDDC0

Triadic

#FDDDC0

#C0FDDD

#DDC0FD

Split Complementary

#FDDDC0

#C0FDFB

#C0C2FD

Tetradic

#FDDDC0

#C2FDC0

#C0E0FD

#FBC0FD

Color Blindness Simulation

Original

#FDDDC0

Protanopia

#EFEFC7

Deuteranopia

#F1F3C9

Tritanopia

#FBCDCE

Achromatopsia

#E2E2E2

CSS Usage

background-color: #FDDDC0;
color: #FDDDC0;
border-color: #FDDDC0;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FDF7F1
100
#FBECDF
200
#FDDABA
300
#FBBF88
400
#F99C48
500
#F77A08
600
#C66106
700
#9E4E05
800
#7C3D04
900
#592E08
950
#381D05

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026