#825523

#825523

Color Values

HEX

#825523

RGB

130, 85, 35

HSL

31.6, 57.6%, 32.4%

HSV

31.6, 73.1%, 51.0%

CMYK

0.0%, 34.6%, 73.1%, 49.0%

OKLCH

0.4895 0.0883 65.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#825523

#235082

Analogous

#822623

#808223

#825523

Triadic

#825523

#238255

#552382

Split Complementary

#825523

#238082

#262382

Tetradic

#825523

#238226

#235082

#822380

Color Blindness Simulation

Original

#825523

Protanopia

#6F6E2F

Deuteranopia

#717432

Tritanopia

#80393B

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DCC7
300
#E5C49F
400
#D7A46A
500
#C98336
600
#A1692B
700
#815423
800
#64421B
900
#4A3217
950
#2E1F0F

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026