#60366D

#60366D

Color Values

HEX

#60366D

RGB

96, 54, 109

HSL

285.8, 33.7%, 32.0%

HSV

285.8, 50.5%, 42.7%

CMYK

11.9%, 50.5%, 0.0%, 57.3%

OKLCH

0.4083 0.1009 317.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#60366D

#436D36

Analogous

#45366D

#6D365F

#60366D

Triadic

#60366D

#6D6036

#366D60

Split Complementary

#60366D

#5F6D36

#366D45

Tetradic

#60366D

#6D4536

#436D36

#365F6D

Color Blindness Simulation

Original

#60366D

Protanopia

#4E4D60

Deuteranopia

#50535C

Tritanopia

#5E5553

Achromatopsia

#434343

CSS Usage

background-color: #60366D;
color: #60366D;
border-color: #60366D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F0E8F2
200
#E2CFE7
300
#CDADD6
400
#B181C0
500
#9655AA
600
#784488
700
#60366D
800
#4B2A55
900
#38223F
950
#231528

Contrast Checker

Text on white

9.35:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail 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