#6F4417

#6F4417

Color Values

HEX

#6F4417

RGB

111, 68, 23

HSL

30.7, 65.7%, 26.3%

HSV

30.7, 79.3%, 43.5%

CMYK

0.0%, 38.7%, 79.3%, 56.5%

OKLCH

0.4285 0.0832 63.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6F4417

#17426F

Analogous

#6F1817

#6E6F17

#6F4417

Triadic

#6F4417

#176F44

#44176F

Split Complementary

#6F4417

#176E6F

#18176F

Tetradic

#6F4417

#176F18

#17426F

#6F176E

Color Blindness Simulation

Original

#6F4417

Protanopia

#5C5C22

Deuteranopia

#5F6224

Tritanopia

#6D2A2C

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DCC4
300
#EAC39A
400
#DFA263
500
#D3812C
600
#A96823
700
#87531C
800
#6A4116
900
#4D3114
950
#311F0D

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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