#648649

#648649

Color Values

HEX

#648649

RGB

100, 134, 73

HSL

93.4, 29.5%, 40.6%

HSV

93.4, 45.5%, 52.5%

CMYK

25.4%, 0.0%, 45.5%, 47.5%

OKLCH

0.579 0.0956 132.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#648649

#6B4986

Analogous

#838649

#49864C

#648649

Triadic

#648649

#496486

#864964

Split Complementary

#648649

#4C4986

#864983

Tetradic

#648649

#498386

#6B4986

#864C49

Color Blindness Simulation

Original

#648649

Protanopia

#737358

Deuteranopia

#716E5B

Tritanopia

#666366

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DAE6D1
300
#C0D4B0
400
#9DBC85
500
#7BA55A
600
#638448
700
#4F6A3A
800
#3E532D
900
#2F3D24
950
#1E2716

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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