#648C34

#648C34

Color Values

HEX

#648C34

RGB

100, 140, 52

HSL

87.3, 45.8%, 37.6%

HSV

87.3, 62.9%, 54.9%

CMYK

28.6%, 0.0%, 62.9%, 45.1%

OKLCH

0.5912 0.1257 130.1

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#648C34

#5C348C

Analogous

#8C8834

#388C34

#648C34

Triadic

#648C34

#34648C

#8C3464

Split Complementary

#648C34

#34388C

#88348C

Tetradic

#648C34

#348C88

#5C348C

#8C3438

Color Blindness Simulation

Original

#648C34

Protanopia

#757649

Deuteranopia

#73704E

Tritanopia

#665A5E

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DDECCB
300
#C4DEA6
400
#A5CC75
500
#85BA45
600
#6A9537
700
#55772C
800
#425D23
900
#32441C
950
#202B12

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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