#649C88

#649C88

Color Values

HEX

#649C88

RGB

100, 156, 136

HSL

158.6, 22.0%, 50.2%

HSV

158.6, 35.9%, 61.2%

CMYK

35.9%, 0.0%, 12.8%, 38.8%

OKLCH

0.6479 0.0667 169.7

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#649C88

#9C6478

Analogous

#649C6C

#64949C

#649C88

Triadic

#649C88

#88649C

#9C8864

Split Complementary

#649C88

#9C6494

#9C6C64

Tetradic

#649C88

#6C649C

#9C6478

#949C64

Color Blindness Simulation

Original

#649C88

Protanopia

#7C7D8D

Deuteranopia

#79758E

Tritanopia

#679192

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D3E3DE
300
#B4CFC6
400
#8CB5A7
500
#639C88
600
#507C6C
700
#406457
800
#324E44
900
#273A33
950
#192520

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

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