#649D86

#649D86

Color Values

HEX

#649D86

RGB

100, 157, 134

HSL

155.8, 22.5%, 50.4%

HSV

155.8, 36.3%, 61.6%

CMYK

36.3%, 0.0%, 14.6%, 38.4%

OKLCH

0.6497 0.0696 166.8

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#649D86

#9D647B

Analogous

#649D6A

#64979D

#649D86

Triadic

#649D86

#86649D

#9D8664

Split Complementary

#649D86

#9D6497

#9D6A64

Tetradic

#649D86

#6A649D

#9D647B

#979D64

Color Blindness Simulation

Original

#649D86

Protanopia

#7D7D8C

Deuteranopia

#79758D

Tritanopia

#679091

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DD
300
#B4D0C4
400
#8BB6A5
500
#639C85
600
#4F7D6A
700
#3F6455
800
#314E43
900
#273A32
950
#182520

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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