#648B45

#648B45

Color Values

HEX

#648B45

RGB

100, 139, 69

HSL

93.4, 33.7%, 40.8%

HSV

93.4, 50.4%, 54.5%

CMYK

28.1%, 0.0%, 50.4%, 45.5%

OKLCH

0.5909 0.1078 132.8

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#648B45

#6C458B

Analogous

#878B45

#458B49

#648B45

Triadic

#648B45

#45648B

#8B4564

Split Complementary

#648B45

#49458B

#8B4587

Tetradic

#648B45

#45878B

#6C458B

#8B4945

Color Blindness Simulation

Original

#648B45

Protanopia

#757556

Deuteranopia

#73705A

Tritanopia

#666366

Achromatopsia

#7E7E7E

CSS Usage

background-color: #648B45;
color: #648B45;
border-color: #648B45;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FAF5
100
#EDF2E8
200
#DAE7CF
300
#BFD6AD
400
#9DC081
500
#7BAA55
600
#628844
700
#4E6D36
800
#3D552A
900
#2F3F22
950
#1E2815

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026