#FEF0DD

#FEF0DD

Color Values

HEX

#FEF0DD

RGB

254, 240, 221

HSL

34.5, 94.3%, 93.1%

HSV

34.5, 13.0%, 99.6%

CMYK

0.0%, 5.5%, 13.0%, 0.4%

OKLCH

0.9612 0.0293 75.7

Properties

Warm Light Nearest: antiquewhite

Color Harmonies

Complementary

#FEF0DD

#DDEBFE

Analogous

#FEDFDD

#FCFEDD

#FEF0DD

Triadic

#FEF0DD

#DDFEF0

#F0DDFE

Split Complementary

#FEF0DD

#DDFCFE

#DFDDFE

Tetradic

#FEF0DD

#DDFEDF

#DDEBFE

#FEDDFC

Color Blindness Simulation

Original

#FEF0DD

Protanopia

#F8F8E2

Deuteranopia

#F9FAE3

Tritanopia

#FDE5E6

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDE0BA
300
#FCCA88
400
#FAAE48
500
#F89207
600
#C67406
700
#9F5D05
800
#7C4904
900
#5A3707
950
#392205

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.72:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026