#607DA0

#607DA0

Color Values

HEX

#607DA0

RGB

96, 125, 160

HSL

212.8, 25.2%, 50.2%

HSV

212.8, 40.0%, 62.7%

CMYK

40.0%, 21.9%, 0.0%, 37.3%

OKLCH

0.5811 0.0637 253.5

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#607DA0

#A08360

Analogous

#609DA0

#6360A0

#607DA0

Triadic

#607DA0

#A0607D

#7DA060

Split Complementary

#607DA0

#A06360

#9DA060

Tetradic

#607DA0

#A0609D

#A08360

#60A063

Color Blindness Simulation

Original

#607DA0

Protanopia

#6D6D98

Deuteranopia

#6B6996

Tritanopia

#61918F

Achromatopsia

#797979

CSS Usage

background-color: #607DA0;
color: #607DA0;
border-color: #607DA0;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D2DAE4
300
#B2C0D1
400
#899EB8
500
#5F7DA0
600
#4C6480
700
#3D5066
800
#303E50
900
#252F3B
950
#181E26

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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