#FEDAA4

#FEDAA4

Color Values

HEX

#FEDAA4

RGB

254, 218, 164

HSL

36.0, 97.8%, 82.0%

HSV

36.0, 35.4%, 99.6%

CMYK

0.0%, 14.2%, 35.4%, 0.4%

OKLCH

0.906 0.08 77.6

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FEDAA4

#A4C8FE

Analogous

#FEADA4

#F5FEA4

#FEDAA4

Triadic

#FEDAA4

#A4FEDA

#DAA4FE

Split Complementary

#FEDAA4

#A4F5FE

#ADA4FE

Tetradic

#FEDAA4

#A4FEAD

#A4C8FE

#FEA4F5

Color Blindness Simulation

Original

#FEDAA4

Protanopia

#EEEEB1

Deuteranopia

#F0F3B4

Tritanopia

#FCBBBE

Achromatopsia

#DEDEDE

CSS Usage

background-color: #FEDAA4;
color: #FEDAA4;
border-color: #FEDAA4;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B8
300
#FECE86
400
#FDB344
500
#FC9803
600
#CA7A02
700
#A16202
800
#7E4C01
900
#5B3906
950
#3A2404

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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