#60485D

#60485D

Color Values

HEX

#60485D

RGB

96, 72, 93

HSL

307.5, 14.3%, 32.9%

HSV

307.5, 25.0%, 37.6%

CMYK

0.0%, 25.0%, 3.1%, 62.4%

OKLCH

0.4348 0.0458 330.6

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#60485D

#48604B

Analogous

#574860

#604851

#60485D

Triadic

#60485D

#5D6048

#485D60

Split Complementary

#60485D

#516048

#486057

Tetradic

#60485D

#605748

#48604B

#485160

Color Blindness Simulation

Original

#60485D

Protanopia

#565558

Deuteranopia

#575957

Tritanopia

#5F5453

Achromatopsia

#4F4F4F

CSS Usage

background-color: #60485D;
color: #60485D;
border-color: #60485D;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CBB9C8
400
#AE93AB
500
#926D8D
600
#755771
700
#5D465A
800
#493747
900
#372A35
950
#231B22

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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