#666B34

#666B34

Color Values

HEX

#666B34

RGB

102, 107, 52

HSL

65.5, 34.6%, 31.2%

HSV

65.5, 51.4%, 42.0%

CMYK

4.7%, 0.0%, 51.4%, 58.0%

OKLCH

0.5104 0.0775 113.4

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#666B34

#39346B

Analogous

#6B5534

#4B6B34

#666B34

Triadic

#666B34

#34666B

#6B3466

Split Complementary

#666B34

#344B6B

#55346B

Tetradic

#666B34

#346B55

#39346B

#6B344B

Color Blindness Simulation

Original

#666B34

Protanopia

#686841

Deuteranopia

#686844

Tritanopia

#664C4E

Achromatopsia

#666666

CSS Usage

background-color: #666B34;
color: #666B34;
border-color: #666B34;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E5E8CF
300
#D3D7AD
400
#BBC180
500
#A4AC53
600
#838943
700
#696E35
800
#52562A
900
#3D4021
950
#262815

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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