#659287

#659287

Color Values

HEX

#659287

RGB

101, 146, 135

HSL

165.3, 18.2%, 48.4%

HSV

165.3, 30.8%, 57.3%

CMYK

30.8%, 0.0%, 7.5%, 42.7%

OKLCH

0.624 0.0519 177.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#659287

#926570

Analogous

#659270

#658692

#659287

Triadic

#659287

#876592

#928765

Split Complementary

#659287

#926586

#927065

Tetradic

#659287

#706592

#926570

#869265

Color Blindness Simulation

Original

#659287

Protanopia

#78798A

Deuteranopia

#76728A

Tritanopia

#678C8C

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC7
400
#8FB2A9
500
#68978B
600
#53796F
700
#436059
800
#344B46
900
#293834
950
#1A2421

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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