#649290

#649290

Color Values

HEX

#649290

RGB

100, 146, 144

HSL

177.4, 18.7%, 48.2%

HSV

177.4, 31.5%, 57.3%

CMYK

31.5%, 0.0%, 1.4%, 42.7%

OKLCH

0.6263 0.05 192.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#649290

#926466

Analogous

#649279

#647D92

#649290

Triadic

#649290

#906492

#929064

Split Complementary

#649290

#92647D

#927964

Tetradic

#649290

#796492

#926466

#7D9264

Color Blindness Simulation

Original

#649290

Protanopia

#787890

Deuteranopia

#757291

Tritanopia

#669191

Achromatopsia

#888888

CSS Usage

background-color: #649290;
color: #649290;
border-color: #649290;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B6CDCC
400
#8FB2B1
500
#689795
600
#537977
700
#426160
800
#344C4B
900
#283938
950
#192423

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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