#EAD299

#EAD299

Color Values

HEX

#EAD299

RGB

234, 210, 153

HSL

42.2, 65.9%, 75.9%

HSV

42.2, 34.6%, 91.8%

CMYK

0.0%, 10.3%, 34.6%, 8.2%

OKLCH

0.8703 0.0783 87.8

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#EAD299

#99B1EA

Analogous

#EAAA99

#DAEA99

#EAD299

Triadic

#EAD299

#99EAD2

#D299EA

Split Complementary

#EAD299

#99DAEA

#AA99EA

Tetradic

#EAD299

#99EAAA

#99B1EA

#EA99DA

Color Blindness Simulation

Original

#EAD299

Protanopia

#E0DFA7

Deuteranopia

#E1E3AA

Tritanopia

#E9B2B4

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F1E3
200
#F3E5C4
300
#EAD299
400
#DFBA62
500
#D4A22B
600
#A98123
700
#87671C
800
#6A5116
900
#4D3C14
950
#31260C

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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