#659599

#659599

Color Values

HEX

#659599

RGB

101, 149, 153

HSL

184.6, 20.5%, 49.8%

HSV

184.6, 34.0%, 60.0%

CMYK

34.0%, 2.6%, 0.0%, 40.0%

OKLCH

0.6371 0.0519 202.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#659599

#996965

Analogous

#659983

#657B99

#659599

Triadic

#659599

#996595

#959965

Split Complementary

#659599

#99657B

#998365

Tetradic

#659599

#836599

#996965

#7B9965

Color Blindness Simulation

Original

#659599

Protanopia

#7A7A98

Deuteranopia

#777398

Tritanopia

#679797

Achromatopsia

#8B8B8B

CSS Usage

background-color: #659599;
color: #659599;
border-color: #659599;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E3
300
#B5CCCE
400
#8DB1B4
500
#65969A
600
#51787B
700
#416062
800
#334B4D
900
#283839
950
#192324

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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