#6F4017

#6F4017

Color Values

HEX

#6F4017

RGB

111, 64, 23

HSL

28.0, 65.7%, 26.3%

HSV

28.0, 79.3%, 43.5%

CMYK

0.0%, 42.3%, 79.3%, 56.5%

OKLCH

0.4205 0.0848 58.0

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#6F4017

#17466F

Analogous

#6F171A

#6F6C17

#6F4017

Triadic

#6F4017

#176F40

#40176F

Split Complementary

#6F4017

#176F6C

#171A6F

Tetradic

#6F4017

#1A6F17

#17466F

#6C176F

Color Blindness Simulation

Original

#6F4017

Protanopia

#5B5A21

Deuteranopia

#5D6123

Tritanopia

#6D292A

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3DAC4
300
#EABF9A
400
#DF9D63
500
#D37A2C
600
#A96223
700
#874E1C
800
#6A3D16
900
#4D2F14
950
#311D0D

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026