#EAD458

#EAD458

Color Values

HEX

#EAD458

RGB

234, 212, 88

HSL

51.0, 77.7%, 63.1%

HSV

51.0, 62.4%, 91.8%

CMYK

0.0%, 9.4%, 62.4%, 8.2%

OKLCH

0.8653 0.144 99.2

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#EAD458

#586EEA

Analogous

#EA8B58

#B7EA58

#EAD458

Triadic

#EAD458

#58EAD4

#D458EA

Split Complementary

#EAD458

#58B7EA

#8B58EA

Tetradic

#EAD458

#58EA8B

#586EEA

#EA58B7

Color Blindness Simulation

Original

#EAD458

Protanopia

#E0E076

Deuteranopia

#E2E37D

Tritanopia

#E98E93

Achromatopsia

#D0D0D0

CSS Usage

background-color: #EAD458;
color: #EAD458;
border-color: #EAD458;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FCFBF2
100
#F9F5E1
200
#F7EFC0
300
#F1E392
400
#EAD457
500
#E3C51C
600
#B59D17
700
#917E12
800
#71620E
900
#52480F
950
#342E09

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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