#658D7B

#658D7B

Color Values

HEX

#658D7B

RGB

101, 141, 123

HSL

153.0, 16.5%, 47.5%

HSV

153.0, 28.4%, 55.3%

CMYK

28.4%, 0.0%, 12.8%, 44.7%

OKLCH

0.6084 0.0522 165.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#658D7B

#8D6577

Analogous

#658D67

#658B8D

#658D7B

Triadic

#658D7B

#7B658D

#8D7B65

Split Complementary

#658D7B

#8D658B

#8D6765

Tetradic

#658D7B

#67658D

#8D6577

#8B8D65

Color Blindness Simulation

Original

#658D7B

Protanopia

#76777F

Deuteranopia

#747180

Tritanopia

#678384

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D5E1DC
300
#B8CCC3
400
#91B0A2
500
#6A9582
600
#557768
700
#445F53
800
#354A41
900
#293831
950
#1A231F

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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