#826436

#826436

Color Values

HEX

#826436

RGB

130, 100, 54

HSL

36.3, 41.3%, 36.1%

HSV

36.3, 58.5%, 51.0%

CMYK

0.0%, 23.1%, 58.5%, 49.0%

OKLCH

0.5232 0.0739 76.7

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#826436

#365482

Analogous

#823E36

#7A8236

#826436

Triadic

#826436

#368264

#643682

Split Complementary

#826436

#367A82

#3E3682

Tetradic

#826436

#36823E

#365482

#82367A

Color Blindness Simulation

Original

#826436

Protanopia

#757541

Deuteranopia

#777944

Tritanopia

#804A4C

Achromatopsia

#676767

CSS Usage

background-color: #826436;
color: #826436;
border-color: #826436;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADECD
300
#DBC7A9
400
#C8A97A
500
#B48B4B
600
#906F3C
700
#735930
800
#5A4525
900
#42341E
950
#2A2113

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

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