#648464

#648464

Color Values

HEX

#648464

RGB

100, 132, 100

HSL

120.0, 13.8%, 45.5%

HSV

120.0, 24.2%, 51.8%

CMYK

24.2%, 0.0%, 24.2%, 48.2%

OKLCH

0.5796 0.0605 144.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#648464

#846484

Analogous

#748464

#648474

#648464

Triadic

#648464

#646484

#846464

Split Complementary

#648464

#746484

#846474

Tetradic

#648464

#647484

#846484

#847464

Color Blindness Simulation

Original

#648464

Protanopia

#72726C

Deuteranopia

#706E6E

Tritanopia

#667273

Achromatopsia

#7B7B7B

CSS Usage

background-color: #648464;
color: #648464;
border-color: #648464;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F8F6
100
#EBEFEB
200
#D6E0D6
300
#B9CAB9
400
#94AE94
500
#6E916E
600
#587458
700
#465D46
800
#374937
900
#2A362A
950
#1B221B

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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