#5C7338

#5C7338

Color Values

HEX

#5C7338

RGB

92, 115, 56

HSL

83.4, 34.5%, 33.5%

HSV

83.4, 51.3%, 45.1%

CMYK

20.0%, 0.0%, 51.3%, 54.9%

OKLCH

0.5226 0.0887 126.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#5C7338

#4F3873

Analogous

#736C38

#3E7338

#5C7338

Triadic

#5C7338

#385C73

#73385C

Split Complementary

#5C7338

#383E73

#6C3873

Tetradic

#5C7338

#38736C

#4F3873

#73383E

Color Blindness Simulation

Original

#5C7338

Protanopia

#666646

Deuteranopia

#65634A

Tritanopia

#5D5254

Achromatopsia

#6A6A6A

CSS Usage

background-color: #5C7338;
color: #5C7338;
border-color: #5C7338;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FAF5
100
#EEF2E8
200
#DEE8CF
300
#C6D7AD
400
#A8C180
500
#89AB54
600
#6E8943
700
#586E35
800
#45562A
900
#343F21
950
#212815

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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