#60849B

#60849B

Color Values

HEX

#60849B

RGB

96, 132, 155

HSL

203.4, 23.5%, 49.2%

HSV

203.4, 38.1%, 60.8%

CMYK

38.1%, 14.8%, 0.0%, 39.2%

OKLCH

0.595 0.0536 236.9

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#60849B

#9B7760

Analogous

#609B94

#60669B

#60849B

Triadic

#60849B

#9B6084

#849B60

Split Complementary

#60849B

#9B6066

#9B9460

Tetradic

#60849B

#94609B

#9B7760

#669B60

Color Blindness Simulation

Original

#60849B

Protanopia

#707095

Deuteranopia

#6E6B94

Tritanopia

#629190

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE4
300
#B3C5D0
400
#8AA6B7
500
#62869D
600
#4E6B7E
700
#3E5665
800
#31434F
900
#26333B
950
#182025

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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