#8A7247

#8A7247

Color Values

HEX

#8A7247

RGB

138, 114, 71

HSL

38.5, 32.1%, 41.0%

HSV

38.5, 48.6%, 54.1%

CMYK

0.0%, 17.4%, 48.6%, 45.9%

OKLCH

0.5648 0.0669 81.3

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#8A7247

#475F8A

Analogous

#8A5047

#818A47

#8A7247

Triadic

#8A7247

#478A72

#72478A

Split Complementary

#8A7247

#47818A

#50478A

Tetradic

#8A7247

#478A50

#475F8A

#8A4781

Color Blindness Simulation

Original

#8A7247

Protanopia

#807F51

Deuteranopia

#818354

Tritanopia

#895A5B

Achromatopsia

#747474

CSS Usage

background-color: #8A7247;
color: #8A7247;
border-color: #8A7247;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D5C7AE
400
#BFA982
500
#A88B57
600
#876F45
700
#6C5937
800
#54462B
900
#3E3422
950
#272116

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass 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