#658780

#658780

Color Values

HEX

#658780

RGB

101, 135, 128

HSL

167.6, 14.4%, 46.3%

HSV

167.6, 25.2%, 52.9%

CMYK

25.2%, 0.0%, 5.2%, 47.1%

OKLCH

0.5955 0.0398 180.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#658780

#87656C

Analogous

#65876F

#657D87

#658780

Triadic

#658780

#806587

#878065

Split Complementary

#658780

#87657D

#876F65

Tetradic

#658780

#6F6587

#87656C

#7D8765

Color Blindness Simulation

Original

#658780

Protanopia

#747482

Deuteranopia

#726F82

Tritanopia

#678383

Achromatopsia

#7F7F7F

CSS Usage

background-color: #658780;
color: #658780;
border-color: #658780;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CBC7
400
#93AEA9
500
#6D928A
600
#57756F
700
#465D58
800
#374945
900
#2A3734
950
#1B2321

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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