#825C45

#825C45

Color Values

HEX

#825C45

RGB

130, 92, 69

HSL

22.6, 30.7%, 39.0%

HSV

22.6, 46.9%, 51.0%

CMYK

0.0%, 29.2%, 46.9%, 49.0%

OKLCH

0.5091 0.0609 52.1

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#825C45

#456B82

Analogous

#82454C

#827A45

#825C45

Triadic

#825C45

#45825C

#5C4582

Split Complementary

#825C45

#45827A

#454C82

Tetradic

#825C45

#4C8245

#456B82

#7A4582

Color Blindness Simulation

Original

#825C45

Protanopia

#72714B

Deuteranopia

#74774C

Tritanopia

#804F50

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BDAF
400
#BE9A84
500
#A77658
600
#855E47
700
#6B4B39
800
#533B2C
900
#3E2D23
950
#271D16

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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