#60709F

#60709F

Color Values

HEX

#60709F

RGB

96, 112, 159

HSL

224.8, 24.7%, 50.0%

HSV

224.8, 39.6%, 62.4%

CMYK

39.6%, 29.6%, 0.0%, 37.6%

OKLCH

0.5515 0.0761 269.4

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#60709F

#9F8F60

Analogous

#608F9F

#70609F

#60709F

Triadic

#60709F

#9F6070

#709F60

Split Complementary

#60709F

#9F7060

#8F9F60

Tetradic

#60709F

#9F608F

#9F8F60

#609F70

Color Blindness Simulation

Original

#60709F

Protanopia

#676794

Deuteranopia

#666591

Tritanopia

#618B89

Achromatopsia

#707070

CSS Usage

background-color: #60709F;
color: #60709F;
border-color: #60709F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D2D7E4
300
#B3BAD1
400
#8995B8
500
#60709F
600
#4D5A7F
700
#3D4866
800
#30384F
900
#262B3B
950
#181B25

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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