#6C470C

#6C470C

Color Values

HEX

#6C470C

RGB

108, 71, 12

HSL

36.9, 80.0%, 23.5%

HSV

36.9, 88.9%, 42.4%

CMYK

0.0%, 34.3%, 88.9%, 57.6%

OKLCH

0.4298 0.0858 72.6

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6C470C

#0C316C

Analogous

#6C170C

#616C0C

#6C470C

Triadic

#6C470C

#0C6C47

#470C6C

Split Complementary

#6C470C

#0C616C

#170C6C

Tetradic

#6C470C

#0C6C17

#0C316C

#6C0C61

Color Blindness Simulation

Original

#6C470C

Protanopia

#5C5C1A

Deuteranopia

#5E611E

Tritanopia

#6A2628

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F0E1
200
#F8E2BF
300
#F3CD91
400
#ECB255
500
#E69719
600
#B87914
700
#936110
800
#734B0D
900
#53380E
950
#352409

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026