#6F6952

#6F6952

Color Values

HEX

#6F6952

RGB

111, 105, 82

HSL

47.6, 15.0%, 37.8%

HSV

47.6, 26.1%, 43.5%

CMYK

0.0%, 5.4%, 26.1%, 56.5%

OKLCH

0.5198 0.0353 95.2

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#6F6952

#52586F

Analogous

#6F5A52

#666F52

#6F6952

Triadic

#6F6952

#526F69

#69526F

Split Complementary

#6F6952

#52666F

#5A526F

Tetradic

#6F6952

#526F5A

#52586F

#6F5266

Color Blindness Simulation

Original

#6F6952

Protanopia

#6C6C58

Deuteranopia

#6D6D59

Tritanopia

#6F5C5D

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E1DED6
300
#CBC7B9
400
#AFA992
500
#938B6C
600
#756F57
700
#5E5945
800
#494536
900
#37342A
950
#23211A

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026