#609DA4

#609DA4

Color Values

HEX

#609DA4

RGB

96, 157, 164

HSL

186.2, 27.2%, 51.0%

HSV

186.2, 41.5%, 64.3%

CMYK

41.5%, 4.3%, 0.0%, 35.7%

OKLCH

0.6572 0.064 205.1

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#609DA4

#A46760

Analogous

#60A489

#607BA4

#609DA4

Triadic

#609DA4

#A4609D

#9DA460

Split Complementary

#609DA4

#A4607B

#A48960

Tetradic

#609DA4

#8960A4

#A46760

#7BA460

Color Blindness Simulation

Original

#609DA4

Protanopia

#7A7BA2

Deuteranopia

#7772A2

Tritanopia

#63A1A1

Achromatopsia

#919191

CSS Usage

background-color: #609DA4;
color: #609DA4;
border-color: #609DA4;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E3E5
300
#B1CFD2
400
#87B5BA
500
#5D9BA2
600
#4A7C82
700
#3B6368
800
#2E4E51
900
#253A3C
950
#172526

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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