#648C84

#648C84

Color Values

HEX

#648C84

RGB

100, 140, 132

HSL

168.0, 16.7%, 47.1%

HSV

168.0, 28.6%, 54.9%

CMYK

28.6%, 0.0%, 5.7%, 45.1%

OKLCH

0.6081 0.0459 180.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#648C84

#8C646C

Analogous

#648C70

#64808C

#648C84

Triadic

#648C84

#84648C

#8C8464

Split Complementary

#648C84

#8C6480

#8C7064

Tetradic

#648C84

#70648C

#8C646C

#808C64

Color Blindness Simulation

Original

#648C84

Protanopia

#757686

Deuteranopia

#737086

Tritanopia

#668788

Achromatopsia

#838383

CSS Usage

background-color: #648C84;
color: #648C84;
border-color: #648C84;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E1DF
300
#B8CCC8
400
#91B0AA
500
#6A958C
600
#557770
700
#445F5A
800
#354A46
900
#293835
950
#1A2321

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026