#667B44

#667B44

Color Values

HEX

#667B44

RGB

102, 123, 68

HSL

82.9, 28.8%, 37.5%

HSV

82.9, 44.7%, 48.2%

CMYK

17.1%, 0.0%, 44.7%, 51.8%

OKLCH

0.5522 0.0827 126.1

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#667B44

#59447B

Analogous

#7B7544

#4B7B44

#667B44

Triadic

#667B44

#44667B

#7B4466

Split Complementary

#667B44

#444B7B

#75447B

Tetradic

#667B44

#447B75

#59447B

#7B444B

Color Blindness Simulation

Original

#667B44

Protanopia

#6F6F51

Deuteranopia

#6E6C54

Tritanopia

#675C5E

Achromatopsia

#737373

CSS Usage

background-color: #667B44;
color: #667B44;
border-color: #667B44;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C6D3B0
400
#A7BC85
500
#88A45B
600
#6D8349
700
#57693A
800
#44522D
900
#333D24
950
#202717

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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