#648222

#648222

Color Values

HEX

#648222

RGB

100, 130, 34

HSL

78.8, 58.5%, 32.2%

HSV

78.8, 73.8%, 51.0%

CMYK

23.1%, 0.0%, 73.8%, 49.0%

OKLCH

0.5642 0.1259 125.5

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#648222

#402282

Analogous

#827022

#348222

#648222

Triadic

#648222

#226482

#822264

Split Complementary

#648222

#223482

#702282

Tetradic

#648222

#228270

#402282

#822234

Color Blindness Simulation

Original

#648222

Protanopia

#717139

Deuteranopia

#6F6D3F

Tritanopia

#664C50

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F6E4
200
#E3F0C6
300
#CFE69E
400
#B5D869
500
#9BCA35
600
#7CA22A
700
#638122
800
#4E651A
900
#3A4A17
950
#252F0E

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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