#6C5243

#6C5243

Color Values

HEX

#6C5243

RGB

108, 82, 67

HSL

22.0, 23.4%, 34.3%

HSV

22.0, 38.0%, 42.4%

CMYK

0.0%, 24.1%, 38.0%, 57.6%

OKLCH

0.4616 0.0421 51.3

Properties

Warm Dark Nearest: RAL 8025 Pale Brown

Color Harmonies

Complementary

#6C5243

#435D6C

Analogous

#6C4348

#6C6643

#6C5243

Triadic

#6C5243

#436C52

#52436C

Split Complementary

#6C5243

#436C66

#43486C

Tetradic

#6C5243

#486C43

#435D6C

#66436C

Color Blindness Simulation

Original

#6C5243

Protanopia

#616147

Deuteranopia

#626448

Tritanopia

#6B494A

Achromatopsia

#565656

CSS Usage

background-color: #6C5243;
color: #6C5243;
border-color: #6C5243;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E4D9D3
300
#D0BEB3
400
#B79B8B
500
#9D7862
600
#7E604E
700
#654D3F
800
#4F3C31
900
#3B2E26
950
#251D18

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026