#5C682F

#5C682F

Color Values

HEX

#5C682F

RGB

92, 104, 47

HSL

72.6, 37.7%, 29.6%

HSV

72.6, 54.8%, 40.8%

CMYK

11.5%, 0.0%, 54.8%, 59.2%

OKLCH

0.4935 0.082 119.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#5C682F

#3B2F68

Analogous

#68572F

#40682F

#5C682F

Triadic

#5C682F

#2F5C68

#682F5C

Split Complementary

#5C682F

#2F4068

#572F68

Tetradic

#5C682F

#2F6857

#3B2F68

#682F40

Color Blindness Simulation

Original

#5C682F

Protanopia

#61613D

Deuteranopia

#606040

Tritanopia

#5D484A

Achromatopsia

#616161

CSS Usage

background-color: #5C682F;
color: #5C682F;
border-color: #5C682F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F0F3E7
200
#E3E9CE
300
#CFD9AB
400
#B5C47D
500
#9BB04F
600
#7C8C40
700
#637033
800
#4E5828
900
#3A4120
950
#252914

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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