#6F5B36

#6F5B36

Color Values

HEX

#6F5B36

RGB

111, 91, 54

HSL

38.9, 34.5%, 32.4%

HSV

38.9, 51.4%, 43.5%

CMYK

0.0%, 18.0%, 51.4%, 56.5%

OKLCH

0.4821 0.0592 81.9

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#6F5B36

#364A6F

Analogous

#6F3F36

#676F36

#6F5B36

Triadic

#6F5B36

#366F5B

#5B366F

Split Complementary

#6F5B36

#36676F

#3F366F

Tetradic

#6F5B36

#366F3F

#364A6F

#6F3667

Color Blindness Simulation

Original

#6F5B36

Protanopia

#66663F

Deuteranopia

#686941

Tritanopia

#6E4648

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AA80
500
#AB8D54
600
#897043
700
#6E5A35
800
#56462A
900
#3F3521
950
#282115

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026