#649524

#649524

Color Values

HEX

#649524

RGB

100, 149, 36

HSL

86.0, 61.1%, 36.3%

HSV

86.0, 75.8%, 58.4%

CMYK

32.9%, 0.0%, 75.8%, 41.6%

OKLCH

0.6128 0.1495 130.6

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#649524

#552495

Analogous

#958E24

#2C9524

#649524

Triadic

#649524

#246495

#952464

Split Complementary

#649524

#242C95

#8E2495

Tetradic

#649524

#24958E

#552495

#95242C

Color Blindness Simulation

Original

#649524

Protanopia

#797A3F

Deuteranopia

#767346

Tritanopia

#66555A

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DEF1C5
300
#C7E79C
400
#A8DA67
500
#8ACD32
600
#6EA428
700
#588320
800
#456719
900
#344B16
950
#212F0E

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass 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