#836742

#836742

Color Values

HEX

#836742

RGB

131, 103, 66

HSL

34.2, 33.0%, 38.6%

HSV

34.2, 49.6%, 51.4%

CMYK

0.0%, 21.4%, 49.6%, 48.6%

OKLCH

0.5327 0.0636 73.5

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#836742

#425E83

Analogous

#834642

#7E8342

#836742

Triadic

#836742

#428367

#674283

Split Complementary

#836742

#427E83

#464283

Tetradic

#836742

#428346

#425E83

#83427E

Color Blindness Simulation

Original

#836742

Protanopia

#77774B

Deuteranopia

#787B4D

Tritanopia

#825254

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DDD0
300
#D6C5AE
400
#C0A582
500
#AA8555
600
#886B44
700
#6D5537
800
#55432B
900
#3F3222
950
#282016

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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