#6C5F09

#6C5F09

Color Values

HEX

#6C5F09

RGB

108, 95, 9

HSL

52.1, 84.6%, 22.9%

HSV

52.1, 91.7%, 42.4%

CMYK

0.0%, 12.0%, 91.7%, 57.6%

OKLCH

0.4835 0.097 99.6

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#6C5F09

#09166C

Analogous

#6C2D09

#476C09

#6C5F09

Triadic

#6C5F09

#096C5F

#5F096C

Split Complementary

#6C5F09

#09476C

#2D096C

Tetradic

#6C5F09

#096C2D

#09166C

#6C0947

Color Blindness Simulation

Original

#6C5F09

Protanopia

#66661E

Deuteranopia

#676823

Tritanopia

#6B2E32

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF7E0
200
#FAF2BD
300
#F6E88E
400
#F0DB51
500
#EBCF14
600
#BCA610
700
#97840D
800
#76670A
900
#554C0C
950
#363007

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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