#FDF9D2

#FDF9D2

Color Values

HEX

#FDF9D2

RGB

253, 249, 210

HSL

54,4, 91,5%, 90,8%

HSV

54,4, 17,0%, 99,2%

CMYK

0,0%, 1,6%, 17,0%, 0,8%

OKLCH

0,9754 0,0507 102,5

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#FDF9D2

#D2D6FD

Analogous

#FDE4D2

#ECFDD2

#FDF9D2

Triadic

#FDF9D2

#D2FDF9

#F9D2FD

Split Complementary

#FDF9D2

#D2ECFD

#E4D2FD

Tetradic

#FDF9D2

#D2FDE4

#D2D6FD

#FDD2EC

Color Blindness Simulation

Original

#FDF9D2

Protanopia

#FBFBDB

Deuteranopia

#FCFCDE

Tritanopia

#FDE3E5

Achromatopsia

#F7F7F7

CSS Usage

background-color: #FDF9D2;
color: #FDF9D2;
border-color: #FDF9D2;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FCF6BB
300
#FAEF8A
400
#F7E74A
500
#F4DE0B
600
#C3B209
700
#9C8E07
800
#7A6F05
900
#585109
950
#383305

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

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