#825531

#825531

Color Values

HEX

#825531

RGB

130, 85, 49

HSL

26.7, 45.3%, 35.1%

HSV

26.7, 62.3%, 51.0%

CMYK

0.0%, 34.6%, 62.3%, 49.0%

OKLCH

0.4913 0.0786 58.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#825531

#315E82

Analogous

#823135

#827E31

#825531

Triadic

#825531

#318255

#553182

Split Complementary

#825531

#31827E

#313582

Tetradic

#825531

#358231

#315E82

#7E3182

Color Blindness Simulation

Original

#825531

Protanopia

#6F6E3A

Deuteranopia

#71743C

Tritanopia

#804142

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBDACB
300
#DEBFA6
400
#CB9C76
500
#B97946
600
#946138
700
#774E2D
800
#5D3D23
900
#442E1D
950
#2B1D12

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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