#6C4564

#6C4564

Color Values

HEX

#6C4564

RGB

108, 69, 100

HSL

312.3, 22.0%, 34.7%

HSV

312.3, 36.1%, 42.4%

CMYK

0.0%, 36.1%, 7.4%, 57.6%

OKLCH

0.4461 0.0701 334.4

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#6C4564

#456C4D

Analogous

#60456C

#6C4551

#6C4564

Triadic

#6C4564

#646C45

#45646C

Split Complementary

#6C4564

#516C45

#456C60

Tetradic

#6C4564

#6C6045

#456C4D

#45516C

Color Blindness Simulation

Original

#6C4564

Protanopia

#5B5B5D

Deuteranopia

#5D605B

Tritanopia

#6A5755

Achromatopsia

#505050

CSS Usage

background-color: #6C4564;
color: #6C4564;
border-color: #6C4564;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D3E0
300
#CFB4CA
400
#B58CAD
500
#9C6390
600
#7C5073
700
#64405C
800
#4E3248
900
#3A2736
950
#251922

Contrast Checker

Text on white

7.86:1

AA Pass AAA Pass

Text on black

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