#648C2D

#648C2D

Color Values

HEX

#648C2D

RGB

100, 140, 45

HSL

85.3, 51.4%, 36.3%

HSV

85.3, 67.9%, 54.9%

CMYK

28.6%, 0.0%, 67.9%, 45.1%

OKLCH

0.5905 0.1314 129.3

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#648C2D

#552D8C

Analogous

#8C852D

#348C2D

#648C2D

Triadic

#648C2D

#2D648C

#8C2D64

Split Complementary

#648C2D

#2D348C

#852D8C

Tetradic

#648C2D

#2D8C85

#552D8C

#8C2D34

Color Blindness Simulation

Original

#648C2D

Protanopia

#757644

Deuteranopia

#73704A

Tritanopia

#66565A

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DEEEC9
300
#C7E1A2
400
#A8D170
500
#8AC13E
600
#6E9A32
700
#587C28
800
#45611F
900
#34471A
950
#212D10

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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