#603347

#603347

Color Values

HEX

#603347

RGB

96, 51, 71

HSL

333.3, 30.6%, 28.8%

HSV

333.3, 46.9%, 37.6%

CMYK

0.0%, 46.9%, 26.0%, 62.4%

OKLCH

0.385 0.07 352.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#603347

#33604C

Analogous

#60335D

#603533

#603347

Triadic

#603347

#476033

#334760

Split Complementary

#603347

#336035

#335D60

Tetradic

#603347

#5D6033

#33604C

#353360

Color Blindness Simulation

Original

#603347

Protanopia

#4D4C42

Deuteranopia

#4F5241

Tritanopia

#5E3E3E

Achromatopsia

#3E3E3E

CSS Usage

background-color: #603347;
color: #603347;
border-color: #603347;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F5F7
100
#F2E9ED
200
#E6D0DA
300
#D5AFC0
400
#BE849D
500
#A7587B
600
#854763
700
#6B394F
800
#532C3E
900
#3E232F
950
#27161E

Contrast Checker

Text on white

10.18:1

AA Pass AAA Pass

Text on black

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