#FED997

#FED997

Color Values

HEX

#FED997

RGB

254, 217, 151

HSL

38.4, 98.1%, 79.4%

HSV

38.4, 40.6%, 99.6%

CMYK

0.0%, 14.6%, 40.6%, 0.4%

OKLCH

0.9018 0.0929 81.5

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FED997

#97BCFE

Analogous

#FEA597

#F0FE97

#FED997

Triadic

#FED997

#97FED9

#D997FE

Split Complementary

#FED997

#97F0FE

#A597FE

Tetradic

#FED997

#97FEA5

#97BCFE

#FE97F0

Color Blindness Simulation

Original

#FED997

Protanopia

#EEEEA7

Deuteranopia

#F0F3AB

Tritanopia

#FCB4B6

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE5B8
300
#FED386
400
#FDBB44
500
#FDA302
600
#CA8202
700
#A26802
800
#7E5101
900
#5B3C06
950
#3A2604

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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