#658F93

#658F93

Color Values

HEX

#658F93

RGB

101, 143, 147

HSL

185.2, 18.5%, 48.6%

HSV

185.2, 31.3%, 57.6%

CMYK

31.3%, 2.7%, 0.0%, 42.4%

OKLCH

0.6208 0.0464 203.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#658F93

#936965

Analogous

#659380

#657893

#658F93

Triadic

#658F93

#93658F

#8F9365

Split Complementary

#658F93

#936578

#938065

Tetradic

#658F93

#806593

#936965

#789365

Color Blindness Simulation

Original

#658F93

Protanopia

#777892

Deuteranopia

#757292

Tritanopia

#679191

Achromatopsia

#868686

CSS Usage

background-color: #658F93;
color: #658F93;
border-color: #658F93;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E1E2
300
#B6CBCD
400
#8FAFB2
500
#689397
600
#537679
700
#435E61
800
#34494C
900
#283739
950
#1A2324

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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