#6F5646

#6F5646

Color Values

HEX

#6F5646

RGB

111, 86, 70

HSL

23.4, 22.7%, 35.5%

HSV

23.4, 36.9%, 43.5%

CMYK

0.0%, 22.5%, 36.9%, 56.5%

OKLCH

0.4744 0.0415 54.1

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#6F5646

#465F6F

Analogous

#6F464A

#6F6B46

#6F5646

Triadic

#6F5646

#466F56

#56466F

Split Complementary

#6F5646

#466F6B

#464A6F

Tetradic

#6F5646

#4A6F46

#465F6F

#6B466F

Color Blindness Simulation

Original

#6F5646

Protanopia

#64644A

Deuteranopia

#66674B

Tritanopia

#6E4D4E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #6F5646;
color: #6F5646;
border-color: #6F5646;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3DAD3
300
#D0BFB4
400
#B69C8B
500
#9C7963
600
#7D614F
700
#644E3F
800
#4E3D31
900
#3A2E27
950
#251D18

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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