#649982

#649982

Color Values

HEX

#649982

RGB

100, 153, 130

HSL

154.0, 20.9%, 49.6%

HSV

154.0, 34.6%, 60.0%

CMYK

34.6%, 0.0%, 15.0%, 40.0%

OKLCH

0.6389 0.0666 165.3

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#649982

#99647B

Analogous

#649968

#649599

#649982

Triadic

#649982

#826499

#998264

Split Complementary

#649982

#996495

#996864

Tetradic

#649982

#686499

#99647B

#959964

Color Blindness Simulation

Original

#649982

Protanopia

#7B7B88

Deuteranopia

#787489

Tritanopia

#678C8D

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DC
300
#B5CFC4
400
#8DB4A3
500
#659A83
600
#517B69
700
#416354
800
#324D42
900
#273A32
950
#19241F

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

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