#826232

#826232

Color Values

HEX

#826232

RGB

130, 98, 50

HSL

36.0, 44.4%, 35.3%

HSV

36.0, 61.5%, 51.0%

CMYK

0.0%, 24.6%, 61.5%, 49.0%

OKLCH

0.5183 0.077 75.7

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#826232

#325282

Analogous

#823A32

#7A8232

#826232

Triadic

#826232

#328262

#623282

Split Complementary

#826232

#327A82

#3A3282

Tetradic

#826232

#32823A

#325282

#82327A

Color Blindness Simulation

Original

#826232

Protanopia

#74743E

Deuteranopia

#767840

Tritanopia

#804749

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDECB
300
#DDC7A7
400
#CBA977
500
#B88B47
600
#936F39
700
#76592D
800
#5C4523
900
#44341D
950
#2B2112

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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