#FEE4BD

#FEE4BD

Color Values

HEX

#FEE4BD

RGB

254, 228, 189

HSL

36.0, 97.0%, 86.9%

HSV

36.0, 25.6%, 99.6%

CMYK

0.0%, 10.2%, 25.6%, 0.4%

OKLCH

0.9304 0.0583 77.9

Properties

Warm Light Nearest: wheat 1

Color Harmonies

Complementary

#FEE4BD

#BDD7FE

Analogous

#FEC4BD

#F8FEBD

#FEE4BD

Triadic

#FEE4BD

#BDFEE4

#E4BDFE

Split Complementary

#FEE4BD

#BDF8FE

#C4BDFE

Tetradic

#FEE4BD

#BDFEC4

#BDD7FE

#FEBDF8

Color Blindness Simulation

Original

#FEE4BD

Protanopia

#F3F3C6

Deuteranopia

#F4F6C9

Tritanopia

#FDCED0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B9
300
#FDCE86
400
#FCB345
500
#FB9804
600
#C97A03
700
#A16102
800
#7E4C02
900
#5B3906
950
#392404

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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