#E2C45F

#E2C45F

Color Values

HEX

#E2C45F

RGB

226, 196, 95

HSL

46.3, 69.3%, 62.9%

HSV

46.3, 58.0%, 88.6%

CMYK

0.0%, 13.3%, 58.0%, 11.4%

OKLCH

0.8262 0.125 93.0

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#E2C45F

#5F7DE2

Analogous

#E2825F

#BEE25F

#E2C45F

Triadic

#E2C45F

#5FE2C4

#C45FE2

Split Complementary

#E2C45F

#5FBEE2

#825FE2

Tetradic

#E2C45F

#5FE282

#5F7DE2

#E25FBE

Color Blindness Simulation

Original

#E2C45F

Protanopia

#D5D577

Deuteranopia

#D7D97D

Tritanopia

#E08B8F

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F3E3
200
#F4E9C3
300
#ECD997
400
#E2C45F
500
#D8B027
600
#AD8C1F
700
#8A7019
800
#6C5814
900
#4F4112
950
#32290C

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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