#658F81

#658F81

Color Values

HEX

#658F81

RGB

101, 143, 129

HSL

160.0, 17.2%, 47.8%

HSV

160.0, 29.4%, 56.1%

CMYK

29.4%, 0.0%, 9.8%, 43.9%

OKLCH

0.615 0.051 171.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#658F81

#8F6573

Analogous

#658F6C

#65888F

#658F81

Triadic

#658F81

#81658F

#8F8165

Split Complementary

#658F81

#8F6588

#8F6C65

Tetradic

#658F81

#6C658F

#8F6573

#888F65

Color Blindness Simulation

Original

#658F81

Protanopia

#777884

Deuteranopia

#757285

Tritanopia

#678788

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EE
200
#D5E1DD
300
#B7CCC5
400
#90B1A6
500
#6A9587
600
#54786C
700
#446056
800
#354B43
900
#293833
950
#1A2320

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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