#649380

#649380

Color Values

HEX

#649380

RGB

100, 147, 128

HSL

155.7, 19.0%, 48.4%

HSV

155.7, 32.0%, 57.6%

CMYK

32.0%, 0.0%, 12.9%, 42.4%

OKLCH

0.6237 0.0587 167.3

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649380

#936477

Analogous

#649368

#648E93

#649380

Triadic

#649380

#806493

#938064

Split Complementary

#649380

#93648E

#936864

Tetradic

#649380

#686493

#936477

#8E9364

Color Blindness Simulation

Original

#649380

Protanopia

#787985

Deuteranopia

#767286

Tritanopia

#668889

Achromatopsia

#888888

CSS Usage

background-color: #649380;
color: #649380;
border-color: #649380;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B6CDC4
400
#8FB3A4
500
#679884
600
#53796A
700
#426155
800
#344C42
900
#283932
950
#192420

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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