#6F4108

#6F4108

Color Values

HEX

#6F4108

RGB

111, 65, 8

HSL

33.2, 86.6%, 23.3%

HSV

33.2, 92.8%, 43.5%

CMYK

0.0%, 41.4%, 92.8%, 56.5%

OKLCH

0.4214 0.0908 64.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6F4108

#08366F

Analogous

#6F0D08

#696F08

#6F4108

Triadic

#6F4108

#086F41

#41086F

Split Complementary

#6F4108

#08696F

#0D086F

Tetradic

#6F4108

#086F0D

#08366F

#6F0869

Color Blindness Simulation

Original

#6F4108

Protanopia

#5B5B16

Deuteranopia

#5E6119

Tritanopia

#6D2123

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEFE0
200
#FADFBC
300
#F7C78D
400
#F2A94F
500
#EE8B11
600
#BE6F0E
700
#98590B
800
#774609
900
#56340B
950
#362107

Contrast Checker

Text on white

8.62:1

AA Pass AAA Pass

Text on black

2.44:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026