#659998

#659998

Color Values

HEX

#659998

RGB

101, 153, 152

HSL

178.8, 20.5%, 49.8%

HSV

178.8, 34.0%, 60.0%

CMYK

34.0%, 0.0%, 0.7%, 40.0%

OKLCH

0.6462 0.0554 194.3

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#659998

#996566

Analogous

#65997E

#658099

#659998

Triadic

#659998

#986599

#999865

Split Complementary

#659998

#996580

#997E65

Tetradic

#659998

#7E6599

#996566

#809965

Color Blindness Simulation

Original

#659998

Protanopia

#7C7C98

Deuteranopia

#787598

Tritanopia

#689898

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E3E2
300
#B5CECE
400
#8DB4B3
500
#659A99
600
#517B7A
700
#416262
800
#334D4C
900
#283939
950
#192424

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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