#E2C660

#E2C660

Color Values

HEX

#E2C660

RGB

226, 198, 96

HSL

47.1, 69.1%, 63.1%

HSV

47.1, 57.5%, 88.6%

CMYK

0.0%, 12.4%, 57.5%, 11.4%

OKLCH

0.8304 0.1256 94.2

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#E2C660

#607CE2

Analogous

#E28560

#BDE260

#E2C660

Triadic

#E2C660

#60E2C6

#C660E2

Split Complementary

#E2C660

#60BDE2

#8560E2

Tetradic

#E2C660

#60E285

#607CE2

#E260BD

Color Blindness Simulation

Original

#E2C660

Protanopia

#D6D679

Deuteranopia

#D8DA7F

Tritanopia

#E18C90

Achromatopsia

#C5C5C5

CSS Usage

background-color: #E2C660;
color: #E2C660;
border-color: #E2C660;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF3
100
#F8F3E3
200
#F4E9C3
300
#ECDA98
400
#E2C65F
500
#D8B227
600
#AC8E20
700
#8A7219
800
#6C5914
900
#4F4212
950
#32290C

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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