#5C660E

#5C660E

Color Values

HEX

#5C660E

RGB

92, 102, 14

HSL

66.8, 75.9%, 22.7%

HSV

66.8, 86.3%, 40.0%

CMYK

9.8%, 0.0%, 86.3%, 60.0%

OKLCH

0.4854 0.1055 116.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#5C660E

#180E66

Analogous

#66440E

#30660E

#5C660E

Triadic

#5C660E

#0E5C66

#660E5C

Split Complementary

#5C660E

#0E3066

#440E66

Tetradic

#5C660E

#0E6644

#180E66

#660E30

Color Blindness Simulation

Original

#5C660E

Protanopia

#606023

Deuteranopia

#605F28

Tritanopia

#5C3438

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F0F6C0
300
#E6F093
400
#D8E859
500
#CAE01F
600
#A2B319
700
#819014
800
#65700F
900
#4A520F
950
#2F340A

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

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