#834336

#834336

Color Values

HEX

#834336

RGB

131, 67, 54

HSL

10.1, 41.6%, 36.3%

HSV

10.1, 58.8%, 51.4%

CMYK

0.0%, 48.9%, 58.8%, 48.6%

OKLCH

0.4598 0.091 32.7

Properties

Warm Dark Nearest: salmon 4

Color Harmonies

Complementary

#834336

#367683

Analogous

#833650

#836A36

#834336

Triadic

#834336

#368343

#433683

Split Complementary

#834336

#36836A

#365083

Tetradic

#834336

#508336

#367683

#6A3683

Color Blindness Simulation

Original

#834336

Protanopia

#676739

Deuteranopia

#6B703A

Tritanopia

#803C3C

Achromatopsia

#505050

CSS Usage

background-color: #834336;
color: #834336;
border-color: #834336;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FAF6F5
100
#F3E9E7
200
#EAD1CC
300
#DBB1A8
400
#C88779
500
#B55C4A
600
#904A3C
700
#743B30
800
#5A2E25
900
#43241E
950
#2A1713

Contrast Checker

Text on white

7.44:1

AA Pass AAA Pass

Text on black

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