#667226

#667226

Color Values

HEX

#667226

RGB

102, 114, 38

HSL

69.5, 50.0%, 29.8%

HSV

69.5, 66.7%, 44.7%

CMYK

10.5%, 0.0%, 66.7%, 55.3%

OKLCH

0.5259 0.1008 117.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#667226

#322672

Analogous

#725826

#407226

#667226

Triadic

#667226

#266672

#722666

Split Complementary

#667226

#264072

#582672

Tetradic

#667226

#267258

#322672

#722640

Color Blindness Simulation

Original

#667226

Protanopia

#6B6B38

Deuteranopia

#6A6A3D

Tritanopia

#67474A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F2F5E6
200
#E7EDC9
300
#D7E0A3
400
#C1D071
500
#ABBF40
600
#899933
700
#6D7A29
800
#566020
900
#3F461B
950
#282C11

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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