#649985

#649985

Color Values

HEX

#649985

RGB

100, 153, 133

HSL

157.4, 20.9%, 49.6%

HSV

157.4, 34.6%, 60.0%

CMYK

34.6%, 0.0%, 13.1%, 40.0%

OKLCH

0.6397 0.0643 168.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649985

#996478

Analogous

#64996B

#649299

#649985

Triadic

#649985

#856499

#998564

Split Complementary

#649985

#996492

#996B64

Tetradic

#649985

#6B6499

#996478

#929964

Color Blindness Simulation

Original

#649985

Protanopia

#7B7B8A

Deuteranopia

#78748B

Tritanopia

#678E8E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8DB4A6
500
#659A86
600
#517B6B
700
#416356
800
#324D43
900
#273A33
950
#192420

Contrast Checker

Text on white

3.26:1

AA Fail AAA Fail

Text on black

6.44:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026