#609F93

#609F93

Color Values

HEX

#609F93

RGB

96, 159, 147

HSL

168.6, 24.7%, 50.0%

HSV

168.6, 39.6%, 62.4%

CMYK

39.6%, 0.0%, 7.5%, 37.6%

OKLCH

0.6563 0.0679 180.6

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#609F93

#9F606C

Analogous

#609F74

#608B9F

#609F93

Triadic

#609F93

#93609F

#9F9360

Split Complementary

#609F93

#9F608B

#9F7460

Tetradic

#609F93

#74609F

#9F606C

#8B9F60

Color Blindness Simulation

Original

#609F93

Protanopia

#7B7C96

Deuteranopia

#787397

Tritanopia

#639899

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4E1
300
#B3D1CB
400
#89B8AF
500
#609F93
600
#4D7F76
700
#3D665E
800
#304F4A
900
#263B37
950
#182523

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

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