#6F6347

#6F6347

Color Values

HEX

#6F6347

RGB

111, 99, 71

HSL

42.0, 22.0%, 35.7%

HSV

42.0, 36.0%, 43.5%

CMYK

0.0%, 10.8%, 36.0%, 56.5%

OKLCH

0.5035 0.0442 87.4

Properties

Warm Dark Nearest: RAL 7006 Beige Grey

Color Harmonies

Complementary

#6F6347

#47536F

Analogous

#6F4F47

#676F47

#6F6347

Triadic

#6F6347

#476F63

#63476F

Split Complementary

#6F6347

#47676F

#4F476F

Tetradic

#6F6347

#476F4F

#47536F

#6F4767

Color Blindness Simulation

Original

#6F6347

Protanopia

#6A6A4E

Deuteranopia

#6A6B4F

Tritanopia

#6E5354

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DED3
300
#CFC7B4
400
#B5A98C
500
#9C8B63
600
#7C6F50
700
#645940
800
#4E4532
900
#3A3427
950
#252119

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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