#846138

#846138

Color Values

HEX

#846138

RGB

132, 97, 56

HSL

32.4, 40.4%, 36.9%

HSV

32.4, 57.6%, 51.8%

CMYK

0.0%, 26.5%, 57.6%, 48.2%

OKLCH

0.5194 0.0729 69.4

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#846138

#385B84

Analogous

#843B38

#818438

#846138

Triadic

#846138

#388461

#613884

Split Complementary

#846138

#388184

#3B3884

Tetradic

#846138

#38843B

#385B84

#843881

Color Blindness Simulation

Original

#846138

Protanopia

#757542

Deuteranopia

#777944

Tritanopia

#824A4B

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADCCD
300
#DBC4A9
400
#C7A47B
500
#B3844C
600
#8F693D
700
#735431
800
#5A4226
900
#42321F
950
#2A1F13

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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