#E2D560

#E2D560

Color Values

HEX

#E2D560

RGB

226, 213, 96

HSL

54.0, 69.1%, 63.1%

HSV

54.0, 57.5%, 88.6%

CMYK

0.0%, 5.8%, 57.5%, 11.4%

OKLCH

0.8611 0.1383 103.0

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#E2D560

#606DE2

Analogous

#E29460

#AEE260

#E2D560

Triadic

#E2D560

#60E2D5

#D560E2

Split Complementary

#E2D560

#60AEE2

#9460E2

Tetradic

#E2D560

#60E294

#606DE2

#E260AE

Color Blindness Simulation

Original

#E2D560

Protanopia

#DCDC7C

Deuteranopia

#DDDE83

Tritanopia

#E19398

Achromatopsia

#CFCFCF

CSS Usage

background-color: #E2D560;
color: #E2D560;
border-color: #E2D560;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FCFBF3
100
#F8F6E3
200
#F4EFC3
300
#ECE498
400
#E2D55F
500
#D8C627
600
#AC9E20
700
#8A7F19
800
#6C6314
900
#4F4912
950
#322E0C

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026