#E6BA86

#E6BA86

Color Values

HEX

#E6BA86

RGB

230, 186, 134

HSL

32.5, 65.8%, 71.4%

HSV

32.5, 41.7%, 90.2%

CMYK

0.0%, 19.1%, 41.7%, 9.8%

OKLCH

0.816 0.0846 70.9

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#E6BA86

#86B2E6

Analogous

#E68A86

#E2E686

#E6BA86

Triadic

#E6BA86

#86E6BA

#BA86E6

Split Complementary

#E6BA86

#86E2E6

#8A86E6

Tetradic

#E6BA86

#86E68A

#86B2E6

#E686E2

Color Blindness Simulation

Original

#E6BA86

Protanopia

#D3D393

Deuteranopia

#D6D996

Tritanopia

#E49D9F

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DDC4
300
#EAC59A
400
#DFA663
500
#D3862C
600
#A96C23
700
#87561C
800
#6A4316
900
#4D3314
950
#31200C

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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