#659588

#659588

Color Values

HEX

#659588

RGB

101, 149, 136

HSL

163.8, 19.2%, 49.0%

HSV

163.8, 32.2%, 58.4%

CMYK

32.2%, 0.0%, 8.7%, 41.6%

OKLCH

0.6315 0.0556 175.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#659588

#956572

Analogous

#659570

#658A95

#659588

Triadic

#659588

#886595

#958865

Split Complementary

#659588

#95658A

#957065

Tetradic

#659588

#706595

#956572

#8A9565

Color Blindness Simulation

Original

#659588

Protanopia

#7A7A8B

Deuteranopia

#77738C

Tritanopia

#678E8E

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DE
300
#B6CEC7
400
#8FB3A9
500
#67988B
600
#527A6F
700
#426159
800
#344C45
900
#283934
950
#192421

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

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