#FDF6DA

#FDF6DA

Color Values

HEX

#FDF6DA

RGB

253, 246, 218

HSL

48.0, 89.7%, 92.4%

HSV

48.0, 13.8%, 99.2%

CMYK

0.0%, 2.8%, 13.8%, 0.8%

OKLCH

0.9713 0.0373 95.4

Properties

Warm Light Nearest: cornsilk

Color Harmonies

Complementary

#FDF6DA

#DAE1FD

Analogous

#FDE5DA

#F3FDDA

#FDF6DA

Triadic

#FDF6DA

#DAFDF6

#F6DAFD

Split Complementary

#FDF6DA

#DAF3FD

#E5DAFD

Tetradic

#FDF6DA

#DAFDE5

#DAE1FD

#FDDAF3

Color Blindness Simulation

Original

#FDF6DA

Protanopia

#FAFAE1

Deuteranopia

#FAFBE2

Tritanopia

#FDE6E7

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEFBB
300
#F9E38B
400
#F5D34C
500
#F2C40D
600
#C19D0B
700
#9B7E08
800
#796207
900
#584809
950
#372D06

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

19.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026