#60146C

#60146C

Color Values

HEX

#60146C

RGB

96, 20, 108

HSL

291.8, 68.8%, 25.1%

HSV

291.8, 81.5%, 42.4%

CMYK

11.1%, 81.5%, 0.0%, 57.6%

OKLCH

0.364 0.1513 321.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#60146C

#206C14

Analogous

#34146C

#6C144C

#60146C

Triadic

#60146C

#6C6014

#146C60

Split Complementary

#60146C

#4C6C14

#146C34

Tetradic

#60146C

#6C3414

#206C14

#144C6C

Color Blindness Simulation

Original

#60146C

Protanopia

#3F3E57

Deuteranopia

#444952

Tritanopia

#5C4642

Achromatopsia

#2B2B2B

CSS Usage

background-color: #60146C;
color: #60146C;
border-color: #60146C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FC
100
#F5E3F8
200
#EDC3F4
300
#E098EC
400
#D060E2
500
#BF28D7
600
#9920AC
700
#7A198A
800
#60146C
900
#46124E
950
#2C0C32

Contrast Checker

Text on white

11.58:1

AA Pass AAA Pass

Text on black

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