#648F3E

#648F3E

Color Values

HEX

#648F3E

RGB

100, 143, 62

HSL

91.9, 39.5%, 40.2%

HSV

91.9, 56.6%, 56.1%

CMYK

30.1%, 0.0%, 56.6%, 43.9%

OKLCH

0.6 0.1209 132.3

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#648F3E

#693E8F

Analogous

#8C8F3E

#3E8F41

#648F3E

Triadic

#648F3E

#3E648F

#8F3E64

Split Complementary

#648F3E

#413E8F

#8F3E8C

Tetradic

#648F3E

#3E8C8F

#693E8F

#8F413E

Color Blindness Simulation

Original

#648F3E

Protanopia

#777752

Deuteranopia

#747156

Tritanopia

#666164

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAE9CD
300
#C0DAAA
400
#9EC67B
500
#7CB24D
600
#638E3E
700
#507231
800
#3E5927
900
#2F421F
950
#1E2914

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026