#825B27

#825B27

Color Values

HEX

#825B27

RGB

130, 91, 39

HSL

34.3, 53.8%, 33.1%

HSV

34.3, 70.0%, 51.0%

CMYK

0.0%, 30.0%, 70.0%, 49.0%

OKLCH

0.5022 0.085 71.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#825B27

#274E82

Analogous

#822E27

#7B8227

#825B27

Triadic

#825B27

#27825B

#5B2782

Split Complementary

#825B27

#277B82

#2E2782

Tetradic

#825B27

#27822E

#274E82

#82277B

Color Blindness Simulation

Original

#825B27

Protanopia

#717134

Deuteranopia

#737637

Tritanopia

#803E40

Achromatopsia

#606060

CSS Usage

background-color: #825B27;
color: #825B27;
border-color: #825B27;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDEC8
300
#E3C7A1
400
#D3A86E
500
#C4893B
600
#9D6E2F
700
#7E5826
800
#62451D
900
#483419
950
#2D2110

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

3.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026