#60476B

#60476B

Color Values

HEX

#60476B

RGB

96, 71, 107

HSL

281.7, 20.2%, 34.9%

HSV

281.7, 33.6%, 42.0%

CMYK

10.3%, 33.6%, 0.0%, 58.0%

OKLCH

0.439 0.0653 315.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#60476B

#526B47

Analogous

#4E476B

#6B4764

#60476B

Triadic

#60476B

#6B6047

#476B60

Split Complementary

#60476B

#646B47

#476B4E

Tetradic

#60476B

#6B4E47

#526B47

#47646B

Color Blindness Simulation

Original

#60476B

Protanopia

#555562

Deuteranopia

#575860

Tritanopia

#5F5B5A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #60476B;
color: #60476B;
border-color: #60476B;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED4E3
300
#C7B5CE
400
#A88EB4
500
#8A6699
600
#6E517B
700
#584162
800
#45334D
900
#342839
950
#211924

Contrast Checker

Text on white

8.04:1

AA Pass AAA Pass

Text on black

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