#649B8C

#649B8C

Color Values

HEX

#649B8C

RGB

100, 155, 140

HSL

163.6, 21.6%, 50.0%

HSV

163.6, 35.5%, 60.8%

CMYK

35.5%, 0.0%, 9.7%, 39.2%

OKLCH

0.6466 0.0627 175.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#649B8C

#9B6473

Analogous

#649B70

#648F9B

#649B8C

Triadic

#649B8C

#8C649B

#9B8C64

Split Complementary

#649B8C

#9B648F

#9B7064

Tetradic

#649B8C

#70649B

#9B6473

#8F9B64

Color Blindness Simulation

Original

#649B8C

Protanopia

#7C7C90

Deuteranopia

#797490

Tritanopia

#679293

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E3DF
300
#B5CFC8
400
#8CB5AA
500
#649B8C
600
#507C70
700
#40635A
800
#324E46
900
#273A35
950
#192521

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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