#FDF7EA

#FDF7EA

Color Values

HEX

#FDF7EA

RGB

253, 247, 234

HSL

41.1, 82.6%, 95.5%

HSV

41.1, 7.5%, 99.2%

CMYK

0.0%, 2.4%, 7.5%, 0.8%

OKLCH

0.9773 0.0183 86.1

Properties

Warm Light Nearest: oldlace

Color Harmonies

Complementary

#FDF7EA

#EAF0FD

Analogous

#FDEEEA

#F9FDEA

#FDF7EA

Triadic

#FDF7EA

#EAFDF7

#F7EAFD

Split Complementary

#FDF7EA

#EAF9FD

#EEEAFD

Tetradic

#FDF7EA

#EAFDEE

#EAF0FD

#FDEAF9

Color Blindness Simulation

Original

#FDF7EA

Protanopia

#FAFAED

Deuteranopia

#FBFBEE

Tritanopia

#FDF0F0

Achromatopsia

#F7F7F7

CSS Usage

background-color: #FDF7EA;
color: #FDF7EA;
border-color: #FDF7EA;
Nearest Tailwind: Orange 50 #FFF7ED

Tailwind Shades

50
#FDF9F2
100
#FAF2E1
200
#F9E6BE
300
#F4D58F
400
#EFBD53
500
#E9A616
600
#BA8512
700
#956B0E
800
#74530B
900
#543E0C
950
#352708

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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