#E2C35F

#E2C35F

Color Values

HEX

#E2C35F

RGB

226, 195, 95

HSL

45.8, 69.3%, 62.9%

HSV

45.8, 58.0%, 88.6%

CMYK

0.0%, 13.7%, 58.0%, 11.4%

OKLCH

0.8242 0.1244 92.3

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#E2C35F

#5F7EE2

Analogous

#E2815F

#BFE25F

#E2C35F

Triadic

#E2C35F

#5FE2C3

#C35FE2

Split Complementary

#E2C35F

#5FBFE2

#815FE2

Tetradic

#E2C35F

#5FE281

#5F7EE2

#E25FBF

Color Blindness Simulation

Original

#E2C35F

Protanopia

#D5D477

Deuteranopia

#D6D97D

Tritanopia

#E08A8E

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F3E3
200
#F4E8C3
300
#ECD897
400
#E2C35F
500
#D8AE27
600
#AD8B1F
700
#8A6F19
800
#6C5714
900
#4F4012
950
#32290C

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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