#607C89

#607C89

Color Values

HEX

#607C89

RGB

96, 124, 137

HSL

199.0, 17.6%, 45.7%

HSV

199.0, 29.9%, 53.7%

CMYK

29.9%, 9.5%, 0.0%, 46.3%

OKLCH

0.5692 0.038 228.0

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#607C89

#896D60

Analogous

#608982

#606889

#607C89

Triadic

#607C89

#89607C

#7C8960

Split Complementary

#607C89

#896068

#898260

Tetradic

#607C89

#826089

#896D60

#688960

Color Blindness Simulation

Original

#607C89

Protanopia

#6C6C86

Deuteranopia

#6A6885

Tritanopia

#618383

Achromatopsia

#777777

CSS Usage

background-color: #607C89;
color: #607C89;
border-color: #607C89;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EAEEF0
200
#D5DEE2
300
#B7C6CD
400
#90A7B1
500
#698896
600
#546D78
700
#435760
800
#35444B
900
#293338
950
#1A2023

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

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