#60145D

#60145D

Color Values

HEX

#60145D

RGB

96, 20, 93

HSL

302.4, 65.5%, 22.7%

HSV

302.4, 79.2%, 37.6%

CMYK

0.0%, 79.2%, 3.1%, 62.4%

OKLCH

0.3538 0.1384 329.8

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#60145D

#146017

Analogous

#3D1460

#601437

#60145D

Triadic

#60145D

#5D6014

#145D60

Split Complementary

#60145D

#376014

#14603D

Tetradic

#60145D

#603D14

#146017

#143760

Color Blindness Simulation

Original

#60145D

Protanopia

#3F3E4B

Deuteranopia

#444947

Tritanopia

#5C3D3A

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA9AE7
400
#DE63DA
500
#D32CCC
600
#A923A3
700
#871C83
800
#6A1666
900
#4D144B
950
#310D2F

Contrast Checker

Text on white

11.96:1

AA Pass AAA Pass

Text on black

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