#603C46

#603C46

Color Values

HEX

#603C46

RGB

96, 60, 70

HSL

343,3, 23,1%, 30,6%

HSV

343,3, 37,5%, 37,6%

CMYK

0,0%, 37,5%, 27,1%, 62,4%

OKLCH

0,4017 0,0526 1,7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#603C46

#3C6056

Analogous

#603C58

#60443C

#603C46

Triadic

#603C46

#46603C

#3C4660

Split Complementary

#603C46

#3C6044

#3C5860

Tetradic

#603C46

#58603C

#3C6056

#443C60

Color Blindness Simulation

Original

#603C46

Protanopia

#505044

Deuteranopia

#525543

Tritanopia

#5E4241

Achromatopsia

#444444

CSS Usage

background-color: #603C46;
color: #603C46;
border-color: #603C46;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E4D3D8
300
#D0B4BC
400
#B68B97
500
#9D6272
600
#7E4E5C
700
#643F49
800
#4E3139
900
#3B262C
950
#25181C

Contrast Checker

Text on white

9,41:1

AA Pass AAA Pass

Text on black

2,23: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