#6C4627

#6C4627

Color Values

HEX

#6C4627

RGB

108, 70, 39

HSL

27.0, 46.9%, 28.8%

HSV

27.0, 63.9%, 42.4%

CMYK

0.0%, 35.2%, 63.9%, 57.6%

OKLCH

0.4305 0.069 58.7

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6C4627

#274D6C

Analogous

#6C272A

#6C6827

#6C4627

Triadic

#6C4627

#276C46

#46276C

Split Complementary

#6C4627

#276C68

#272A6C

Tetradic

#6C4627

#2A6C27

#274D6C

#68276C

Color Blindness Simulation

Original

#6C4627

Protanopia

#5C5B2E

Deuteranopia

#5E6130

Tritanopia

#6A3436

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECDACB
300
#DFBFA5
400
#CD9C74
500
#BB7A44
600
#966136
700
#784E2B
800
#5E3D22
900
#452E1C
950
#2C1D12

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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