#825537

#825537

Color Values

HEX

#825537

RGB

130, 85, 55

HSL

24.0, 40.5%, 36.3%

HSV

24.0, 57.7%, 51.0%

CMYK

0.0%, 34.6%, 57.7%, 49.0%

OKLCH

0.4923 0.0743 53.8

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#825537

#376482

Analogous

#82373F

#827B37

#825537

Triadic

#825537

#378255

#553782

Split Complementary

#825537

#37827B

#373F82

Tetradic

#825537

#3F8237

#376482

#7B3782

Color Blindness Simulation

Original

#825537

Protanopia

#6F6E3E

Deuteranopia

#717440

Tritanopia

#804445

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DBBDA9
400
#C7997A
500
#B3754C
600
#8F5E3D
700
#734B31
800
#5A3B26
900
#422D1F
950
#2A1C13

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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