#6F6954

#6F6954

Color Values

HEX

#6F6954

RGB

111, 105, 84

HSL

46.7, 13.8%, 38.2%

HSV

46.7, 24.3%, 43.5%

CMYK

0.0%, 5.4%, 24.3%, 56.5%

OKLCH

0.5203 0.0325 94.0

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#6F6954

#545A6F

Analogous

#6F5B54

#676F54

#6F6954

Triadic

#6F6954

#546F69

#69546F

Split Complementary

#6F6954

#54676F

#5B546F

Tetradic

#6F6954

#546F5B

#545A6F

#6F5467

Color Blindness Simulation

Original

#6F6954

Protanopia

#6C6C59

Deuteranopia

#6D6D5A

Tritanopia

#6F5D5E

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DED6
300
#CAC7B9
400
#AEA894
500
#91896E
600
#746E58
700
#5D5846
800
#494537
900
#36342A
950
#22211B

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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