#E2BA89

#E2BA89

Color Values

HEX

#E2BA89

RGB

226, 186, 137

HSL

33,0, 60,5%, 71,2%

HSV

33,0, 39,4%, 88,6%

CMYK

0,0%, 17,7%, 39,4%, 11,4%

OKLCH

0,8127 0,0791 72,0

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#E2BA89

#89B1E2

Analogous

#E28E89

#DEE289

#E2BA89

Triadic

#E2BA89

#89E2BA

#BA89E2

Split Complementary

#E2BA89

#89DEE2

#8E89E2

Tetradic

#E2BA89

#89E28E

#89B1E2

#E289DE

Color Blindness Simulation

Original

#E2BA89

Protanopia

#D1D095

Deuteranopia

#D3D698

Tritanopia

#E09EA0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #E2BA89;
color: #E2BA89;
border-color: #E2BA89;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC6
300
#E7C69D
400
#DAA668
500
#CD8732
600
#A46C28
700
#835720
800
#664419
900
#4B3316
950
#2F200E

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026