#6F522F

#6F522F

Color Values

HEX

#6F522F

RGB

111, 82, 47

HSL

32.8, 40.5%, 31.0%

HSV

32.8, 57.7%, 43.5%

CMYK

0.0%, 26.1%, 57.7%, 56.5%

OKLCH

0.461 0.0635 70.4

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#6F522F

#2F4C6F

Analogous

#6F322F

#6C6F2F

#6F522F

Triadic

#6F522F

#2F6F52

#522F6F

Split Complementary

#6F522F

#2F6C6F

#322F6F

Tetradic

#6F522F

#2F6F32

#2F4C6F

#6F2F6C

Color Blindness Simulation

Original

#6F522F

Protanopia

#626237

Deuteranopia

#64663A

Tritanopia

#6E3E40

Achromatopsia

#565656

CSS Usage

background-color: #6F522F;
color: #6F522F;
border-color: #6F522F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#EADDCD
300
#DBC4A9
400
#C7A47A
500
#B3844C
600
#8F6A3D
700
#735531
800
#5A4226
900
#42321F
950
#2A2013

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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