#609D7F

#609D7F

Color Values

HEX

#609D7F

RGB

96, 157, 127

HSL

150.5, 24.1%, 49.6%

HSV

150.5, 38.9%, 61.6%

CMYK

38.9%, 0.0%, 19.1%, 38.4%

OKLCH

0.6456 0.0784 161.8

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#609D7F

#9D607E

Analogous

#609D61

#609C9D

#609D7F

Triadic

#609D7F

#7F609D

#9D7F60

Split Complementary

#609D7F

#9D609C

#9D6160

Tetradic

#609D7F

#61609D

#9D607E

#9C9D60

Color Blindness Simulation

Original

#609D7F

Protanopia

#7A7B86

Deuteranopia

#777288

Tritanopia

#638C8D

Achromatopsia

#8E8E8E

CSS Usage

background-color: #609D7F;
color: #609D7F;
border-color: #609D7F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D3E4DB
300
#B3D1C2
400
#8AB7A1
500
#619E80
600
#4D7F66
700
#3E6552
800
#304F40
900
#263B31
950
#18251F

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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