#6F5F30

#6F5F30

Color Values

HEX

#6F5F30

RGB

111, 95, 48

HSL

44.8, 39.6%, 31.2%

HSV

44.8, 56.8%, 43.5%

CMYK

0.0%, 14.4%, 56.8%, 56.5%

OKLCH

0.4902 0.0685 91.0

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#6F5F30

#30406F

Analogous

#6F4030

#606F30

#6F5F30

Triadic

#6F5F30

#306F5F

#5F306F

Split Complementary

#6F5F30

#30606F

#40306F

Tetradic

#6F5F30

#306F40

#30406F

#6F3060

Color Blindness Simulation

Original

#6F5F30

Protanopia

#68683B

Deuteranopia

#696A3E

Tritanopia

#6E4446

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F0E7
200
#E9E2CD
300
#DACEAA
400
#C6B37B
500
#B2984D
600
#8E7A3E
700
#726231
800
#594C27
900
#42391F
950
#2A2414

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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