#525232

#525232

Color Values

HEX

#525232

RGB

82, 82, 50

HSL

60.0, 24.2%, 25.9%

HSV

60.0, 39.0%, 32.2%

CMYK

0.0%, 0.0%, 39.0%, 67.8%

OKLCH

0.43 0.0487 108.3

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#525232

#323252

Analogous

#524232

#425232

#525232

Triadic

#525232

#325252

#523252

Split Complementary

#525232

#324252

#423252

Tetradic

#525232

#325242

#323252

#523242

Color Blindness Simulation

Original

#525232

Protanopia

#52523A

Deuteranopia

#52523C

Tritanopia

#524041

Achromatopsia

#505050

CSS Usage

background-color: #525232;
color: #525232;
border-color: #525232;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D3
300
#D1D1B3
400
#B7B78A
500
#9E9E61
600
#7F7F4D
700
#65653E
800
#4F4F30
900
#3B3B26
950
#252518

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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