#60727D

#60727D

Color Values

HEX

#60727D

RGB

96, 114, 125

HSL

202.8, 13.1%, 43.3%

HSV

202.8, 23.2%, 49.0%

CMYK

23.2%, 8.8%, 0.0%, 51.0%

OKLCH

0.5413 0.0275 234.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#60727D

#7D6B60

Analogous

#607D79

#60637D

#60727D

Triadic

#60727D

#7D6072

#727D60

Split Complementary

#60727D

#7D6063

#7D7960

Tetradic

#60727D

#79607D

#7D6B60

#637D60

Color Blindness Simulation

Original

#60727D

Protanopia

#68687A

Deuteranopia

#67657A

Tritanopia

#617878

Achromatopsia

#6F6F6F

CSS Usage

background-color: #60727D;
color: #60727D;
border-color: #60727D;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D7DCE0
300
#BAC4CA
400
#94A4AD
500
#6F8490
600
#596973
700
#47545C
800
#374248
900
#2B3236
950
#1B1F22

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026