#EAD558

#EAD558

Color Values

HEX

#EAD558

RGB

234, 213, 88

HSL

51.4, 77.7%, 63.1%

HSV

51.4, 62.4%, 91.8%

CMYK

0.0%, 9.0%, 62.4%, 8.2%

OKLCH

0.8673 0.1449 99.8

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#EAD558

#586DEA

Analogous

#EA8C58

#B6EA58

#EAD558

Triadic

#EAD558

#58EAD5

#D558EA

Split Complementary

#EAD558

#58B6EA

#8C58EA

Tetradic

#EAD558

#58EA8C

#586DEA

#EA58B6

Color Blindness Simulation

Original

#EAD558

Protanopia

#E1E176

Deuteranopia

#E2E47E

Tritanopia

#E98E93

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FCFBF2
100
#F9F6E1
200
#F7EFC0
300
#F1E492
400
#EAD557
500
#E3C61C
600
#B59F17
700
#917F12
800
#71630E
900
#52490F
950
#342E09

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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