#659490

#659490

Color Values

HEX

#659490

RGB

101, 148, 144

HSL

174.9, 18.9%, 48.8%

HSV

174.9, 31.8%, 58.0%

CMYK

31.8%, 0.0%, 2.7%, 42.0%

OKLCH

0.6317 0.0512 189.3

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#659490

#946569

Analogous

#659478

#658094

#659490

Triadic

#659490

#906594

#949065

Split Complementary

#659490

#946580

#947865

Tetradic

#659490

#786594

#946569

#809465

Color Blindness Simulation

Original

#659490

Protanopia

#797A91

Deuteranopia

#777391

Tritanopia

#679292

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B6CDCB
400
#8FB2AF
500
#679894
600
#537976
700
#42615E
800
#344C4A
900
#283937
950
#192423

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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