#618C76

#618C76

Color Values

HEX

#618C76

RGB

97, 140, 118

HSL

149.3, 18.1%, 46.5%

HSV

149.3, 30.7%, 54.9%

CMYK

30.7%, 0.0%, 15.7%, 45.1%

OKLCH

0.602 0.0582 161.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#618C76

#8C6177

Analogous

#628C61

#618C8C

#618C76

Triadic

#618C76

#76618C

#8C7661

Split Complementary

#618C76

#8C618C

#8C6162

Tetradic

#618C76

#61628C

#8C6177

#8C8C61

Color Blindness Simulation

Original

#618C76

Protanopia

#74747B

Deuteranopia

#716E7D

Tritanopia

#638080

Achromatopsia

#818181

CSS Usage

background-color: #618C76;
color: #618C76;
border-color: #618C76;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DB
300
#B7CDC2
400
#90B2A0
500
#68977F
600
#547866
700
#436051
800
#344B3F
900
#293830
950
#1A241E

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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