#60828F

#60828F

Color Values

HEX

#60828F

RGB

96, 130, 143

HSL

196.6, 19.7%, 46.9%

HSV

196.6, 32.9%, 56.1%

CMYK

32.9%, 9.1%, 0.0%, 43.9%

OKLCH

0.5856 0.0432 223.5

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#60828F

#8F6D60

Analogous

#608F85

#606B8F

#60828F

Triadic

#60828F

#8F6082

#828F60

Split Complementary

#60828F

#8F606B

#8F8560

Tetradic

#60828F

#85608F

#8F6D60

#6B8F60

Color Blindness Simulation

Original

#60828F

Protanopia

#6F6F8C

Deuteranopia

#6D6A8B

Tritanopia

#628989

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DEE2
300
#B6C7CE
400
#8EA9B3
500
#668B99
600
#526F7A
700
#425962
800
#33454C
900
#283439
950
#192124

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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