#FEF2E7

#FEF2E7

Color Values

HEX

#FEF2E7

RGB

254, 242, 231

HSL

28.7, 92.0%, 95.1%

HSV

28.7, 9.1%, 99.6%

CMYK

0.0%, 4.7%, 9.1%, 0.4%

OKLCH

0.9676 0.0195 65.1

Properties

Warm Light Nearest: linen

Color Harmonies

Complementary

#FEF2E7

#E7F3FE

Analogous

#FEE7E8

#FEFEE7

#FEF2E7

Triadic

#FEF2E7

#E7FEF2

#F2E7FE

Split Complementary

#FEF2E7

#E7FEFE

#E7E8FE

Tetradic

#FEF2E7

#E8FEE7

#E7F3FE

#FEE7FE

Color Blindness Simulation

Original

#FEF2E7

Protanopia

#F9F9EA

Deuteranopia

#FAFAEA

Tritanopia

#FDECEC

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABA
300
#FABF89
400
#F79D4A
500
#F57A0A
600
#C46208
700
#9D4E07
800
#7A3D05
900
#592F08
950
#381E05

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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