#648221

#648221

Color Values

HEX

#648221

RGB

100, 130, 33

HSL

78.6, 59.5%, 32.0%

HSV

78.6, 74.6%, 51.0%

CMYK

23.1%, 0.0%, 74.6%, 49.0%

OKLCH

0.5641 0.1266 125.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#648221

#3F2182

Analogous

#827021

#338221

#648221

Triadic

#648221

#216482

#822164

Split Complementary

#648221

#213382

#702182

Tetradic

#648221

#218270

#3F2182

#822133

Color Blindness Simulation

Original

#648221

Protanopia

#717138

Deuteranopia

#6F6D3E

Tritanopia

#664B4F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F1F6E4
200
#E3F1C6
300
#D0E69D
400
#B6D969
500
#9CCB34
600
#7DA329
700
#648221
800
#4E661A
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