#7B684D

#7B684D

Color Values

HEX

#7B684D

RGB

123, 104, 77

HSL

35.2, 23.0%, 39.2%

HSV

35.2, 37.4%, 48.2%

CMYK

0.0%, 15.4%, 37.4%, 51.8%

OKLCH

0.5284 0.0465 76.2

Properties

Warm Dark Nearest: burlywood 4

Color Harmonies

Complementary

#7B684D

#4D607B

Analogous

#7B514D

#777B4D

#7B684D

Triadic

#7B684D

#4D7B68

#684D7B

Split Complementary

#7B684D

#4D777B

#514D7B

Tetradic

#7B684D

#4D7B51

#4D607B

#7B4D77

Color Blindness Simulation

Original

#7B684D

Protanopia

#737354

Deuteranopia

#747555

Tritanopia

#7A595A

Achromatopsia

#6A6A6A

CSS Usage

background-color: #7B684D;
color: #7B684D;
border-color: #7B684D;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E4DDD3
300
#D0C4B4
400
#B6A48B
500
#9D8562
600
#7D6A4F
700
#64553F
800
#4E4231
900
#3A3226
950
#252018

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

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