#6C4417

#6C4417

Color Values

HEX

#6C4417

RGB

108, 68, 23

HSL

31.8, 64.9%, 25.7%

HSV

31.8, 78.7%, 42.4%

CMYK

0.0%, 37.0%, 78.7%, 57.6%

OKLCH

0.4243 0.0805 65.2

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6C4417

#173F6C

Analogous

#6C1A17

#6A6C17

#6C4417

Triadic

#6C4417

#176C44

#44176C

Split Complementary

#6C4417

#176A6C

#1A176C

Tetradic

#6C4417

#176C1A

#173F6C

#6C176A

Color Blindness Simulation

Original

#6C4417

Protanopia

#5B5A22

Deuteranopia

#5D6024

Tritanopia

#6A2A2C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DDC4
300
#EAC49A
400
#DEA463
500
#D2842D
600
#A86A24
700
#87551D
800
#694216
900
#4D3214
950
#30200D

Contrast Checker

Text on white

8.48:1

AA Pass AAA Pass

Text on black

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