#6B674F

#6B674F

Color Values

HEX

#6B674F

RGB

107, 103, 79

HSL

51.4, 15.1%, 36.5%

HSV

51.4, 26.2%, 42.0%

CMYK

0.0%, 3.7%, 26.2%, 58.0%

OKLCH

0.5107 0.0364 99.6

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#6B674F

#4F536B

Analogous

#6B594F

#616B4F

#6B674F

Triadic

#6B674F

#4F6B67

#674F6B

Split Complementary

#6B674F

#4F616B

#594F6B

Tetradic

#6B674F

#4F6B59

#4F536B

#6B4F61

Color Blindness Simulation

Original

#6B674F

Protanopia

#696955

Deuteranopia

#6A6A56

Tritanopia

#6B595A

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1DFD6
300
#CBC8B9
400
#AFAB92
500
#938D6C
600
#757157
700
#5E5A45
800
#494736
900
#37352A
950
#23221A

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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