#FEF0DA

#FEF0DA

Color Values

HEX

#FEF0DA

RGB

254, 240, 218

HSL

36,7, 94,7%, 92,5%

HSV

36,7, 14,2%, 99,6%

CMYK

0,0%, 5,5%, 14,2%, 0,4%

OKLCH

0,9604 0,0327 79,3

Properties

Warm Light Nearest: antiquewhite

Color Harmonies

Complementary

#FEF0DA

#DAE8FE

Analogous

#FEDEDA

#FAFEDA

#FEF0DA

Triadic

#FEF0DA

#DAFEF0

#F0DAFE

Split Complementary

#FEF0DA

#DAFAFE

#DEDAFE

Tetradic

#FEF0DA

#DAFEDE

#DAE8FE

#FEDAFA

Color Blindness Simulation

Original

#FEF0DA

Protanopia

#F8F8DF

Deuteranopia

#F9FAE1

Tritanopia

#FDE4E4

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE3B9
300
#FCCF88
400
#FAB547
500
#F89A07
600
#C77C05
700
#9F6304
800
#7C4D03
900
#5A3A07
950
#392405

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

18,69: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