#607276

#607276

Color Values

HEX

#607276

RGB

96, 114, 118

HSL

190.9, 10.3%, 42.0%

HSV

190.9, 18.6%, 46.3%

CMYK

18.6%, 3.4%, 0.0%, 53.7%

OKLCH

0.5388 0.0223 212.6

Properties

Cool Dark Nearest: lightblue 4

Color Harmonies

Complementary

#607276

#766460

Analogous

#60766F

#606776

#607276

Triadic

#607276

#766072

#727660

Split Complementary

#607276

#766067

#766F60

Tetradic

#607276

#6F6076

#766460

#677660

Color Blindness Simulation

Original

#607276

Protanopia

#686875

Deuteranopia

#676575

Tritanopia

#617474

Achromatopsia

#6E6E6E

CSS Usage

background-color: #607276;
color: #607276;
border-color: #607276;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DEDF
300
#BBC6C8
400
#97A7AA
500
#72888D
600
#5B6D71
700
#49575A
800
#394446
900
#2C3335
950
#1C2021

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail 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