#86624F

#86624F

Color Values

HEX

#86624F

RGB

134, 98, 79

HSL

20.7, 25.8%, 41.8%

HSV

20.7, 41.0%, 52.5%

CMYK

0.0%, 26.9%, 41.0%, 47.5%

OKLCH

0.5283 0.0551 48.9

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#86624F

#4F7386

Analogous

#864F58

#867E4F

#86624F

Triadic

#86624F

#4F8662

#624F86

Split Complementary

#86624F

#4F867E

#4F5886

Tetradic

#86624F

#58864F

#4F7386

#7E4F86

Color Blindness Simulation

Original

#86624F

Protanopia

#767654

Deuteranopia

#787B55

Tritanopia

#845758

Achromatopsia

#686868

CSS Usage

background-color: #86624F;
color: #86624F;
border-color: #86624F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D8D2
300
#D2BDB2
400
#B99988
500
#A0755F
600
#805E4C
700
#674B3D
800
#503B2F
900
#3C2D25
950
#261C17

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026