#FED497

#FED497

Color Values

HEX

#FED497

RGB

254, 212, 151

HSL

35.5, 98.1%, 79.4%

HSV

35.5, 40.6%, 99.6%

CMYK

0.0%, 16.5%, 40.6%, 0.4%

OKLCH

0.8921 0.0907 76.5

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FED497

#97C1FE

Analogous

#FEA097

#F5FE97

#FED497

Triadic

#FED497

#97FED4

#D497FE

Split Complementary

#FED497

#97F5FE

#A097FE

Tetradic

#FED497

#97FEA0

#97C1FE

#FE97F5

Color Blindness Simulation

Original

#FED497

Protanopia

#ECEBA6

Deuteranopia

#EEF1A9

Tritanopia

#FCB1B4

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B8
300
#FECD86
400
#FDB244
500
#FD9602
600
#CA7802
700
#A26002
800
#7E4B01
900
#5B3806
950
#3A2404

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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