#658222

#658222

Color Values

HEX

#658222

RGB

101, 130, 34

HSL

78.1, 58.5%, 32.2%

HSV

78.1, 73.8%, 51.0%

CMYK

22.3%, 0.0%, 73.8%, 49.0%

OKLCH

0.5649 0.1254 125.1

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#658222

#3F2282

Analogous

#826F22

#358222

#658222

Triadic

#658222

#226582

#822265

Split Complementary

#658222

#223582

#6F2282

Tetradic

#658222

#22826F

#3F2282

#822235

Color Blindness Simulation

Original

#658222

Protanopia

#727239

Deuteranopia

#706E3F

Tritanopia

#664C50

Achromatopsia

#757575

CSS Usage

background-color: #658222;
color: #658222;
border-color: #658222;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F9FBF4
100
#F1F6E4
200
#E4F0C6
300
#D0E69E
400
#B7D869
500
#9DCA35
600
#7EA22A
700
#658122
800
#4F651A
900
#3B4A17
950
#252F0E

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026