#6C4D07

#6C4D07

Color Values

HEX

#6C4D07

RGB

108, 77, 7

HSL

41.6, 87.8%, 22.5%

HSV

41.6, 93.5%, 42.4%

CMYK

0.0%, 28.7%, 93.5%, 57.6%

OKLCH

0.4424 0.0883 80.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6C4D07

#07266C

Analogous

#6C1A07

#586C07

#6C4D07

Triadic

#6C4D07

#076C4D

#4D076C

Split Complementary

#6C4D07

#07586C

#1A076C

Tetradic

#6C4D07

#076C1A

#07266C

#6C0758

Color Blindness Simulation

Original

#6C4D07

Protanopia

#5F5E18

Deuteranopia

#60631C

Tritanopia

#6A2528

Achromatopsia

#4F4F4F

CSS Usage

background-color: #6C4D07;
color: #6C4D07;
border-color: #6C4D07;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDFAF2
100
#FAF2E0
200
#FBE7BC
300
#F8D78C
400
#F3C14E
500
#EFAB10
600
#C0890C
700
#996D0A
800
#785508
900
#573F0A
950
#372806

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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