#FDF7D8

#FDF7D8

Color Values

HEX

#FDF7D8

RGB

253, 247, 216

HSL

50,3, 90,2%, 92,0%

HSV

50,3, 14,6%, 99,2%

CMYK

0,0%, 2,4%, 14,6%, 0,8%

OKLCH

0,9728 0,0409 98,1

Properties

Warm Light Nearest: cornsilk

Color Harmonies

Complementary

#FDF7D8

#D8DEFD

Analogous

#FDE5D8

#F1FDD8

#FDF7D8

Triadic

#FDF7D8

#D8FDF7

#F7D8FD

Split Complementary

#FDF7D8

#D8F1FD

#E5D8FD

Tetradic

#FDF7D8

#D8FDE5

#D8DEFD

#FDD8F1

Color Blindness Simulation

Original

#FDF7D8

Protanopia

#FAFADF

Deuteranopia

#FBFBE1

Tritanopia

#FDE5E7

Achromatopsia

#F6F6F6

CSS Usage

background-color: #FDF7D8;
color: #FDF7D8;
border-color: #FDF7D8;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FCF1BB
300
#F9E78B
400
#F6DA4C
500
#F3CD0C
600
#C2A40A
700
#9B8308
800
#796706
900
#584B09
950
#372F06

Contrast Checker

Text on white

1,08:1

AA Fail AAA Fail

Text on black

19,47: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