#FEF3C7

#FEF3C7

Color Values

HEX

#FEF3C7

RGB

254, 243, 199

HSL

48.0, 96.5%, 88.8%

HSV

48.0, 21.7%, 99.6%

CMYK

0.0%, 4.3%, 21.7%, 0.4%

OKLCH

0.9619 0.058 95.6

Properties

Warm Light Nearest: lemonchiffon

Color Harmonies

Complementary

#FEF3C7

#C7D2FE

Analogous

#FED7C7

#EDFEC7

#FEF3C7

Triadic

#FEF3C7

#C7FEF3

#F3C7FE

Split Complementary

#FEF3C7

#C7EDFE

#D7C7FE

Tetradic

#FEF3C7

#C7FED7

#C7D2FE

#FEC7ED

Color Blindness Simulation

Original

#FEF3C7

Protanopia

#F9F9D2

Deuteranopia

#FAFBD4

Tritanopia

#FDDADC

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF6DF
200
#FEF0B9
300
#FDE587
400
#FCD746
500
#FBC904
600
#C8A104
700
#A08103
800
#7D6502
900
#5B4A06
950
#392F04

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.86:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Amber

Amber 100

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026