#6B684C

#6B684C

Color Values

HEX

#6B684C

RGB

107, 104, 76

HSL

54.2, 16.9%, 35.9%

HSV

54.2, 29.0%, 42.0%

CMYK

0.0%, 2.8%, 29.0%, 58.0%

OKLCH

0.5123 0.0419 102.6

Properties

Warm Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#6B684C

#4C4F6B

Analogous

#6B594C

#5F6B4C

#6B684C

Triadic

#6B684C

#4C6B68

#684C6B

Split Complementary

#6B684C

#4C5F6B

#594C6B

Tetradic

#6B684C

#4C6B59

#4C4F6B

#6B4C5F

Color Blindness Simulation

Original

#6B684C

Protanopia

#6A6A53

Deuteranopia

#6A6A54

Tritanopia

#6B5859

Achromatopsia

#676767

CSS Usage

background-color: #6B684C;
color: #6B684C;
border-color: #6B684C;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#F0EFEB
200
#E1E0D5
300
#CCCAB7
400
#B1AE91
500
#95916A
600
#777455
700
#5F5D44
800
#4B4835
900
#383629
950
#23221A

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

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