#6C349C

#6C349C

Color Values

HEX

#6C349C

RGB

108, 52, 156

HSL

272.3, 50.0%, 40.8%

HSV

272.3, 66.7%, 61.2%

CMYK

30.8%, 66.7%, 0.0%, 38.8%

OKLCH

0.4511 0.1638 305.5

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#6C349C

#649C34

Analogous

#38349C

#9C3498

#6C349C

Triadic

#6C349C

#9C6C34

#349C6C

Split Complementary

#6C349C

#989C34

#349C38

Tetradic

#6C349C

#9C3834

#649C34

#34989C

Color Blindness Simulation

Original

#6C349C

Protanopia

#545383

Deuteranopia

#575B7D

Tritanopia

#696F6B

Achromatopsia

#474747

CSS Usage

background-color: #6C349C;
color: #6C349C;
border-color: #6C349C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EEE6F5
200
#DDC9ED
300
#C4A3E0
400
#A471D0
500
#8440BF
600
#6A3399
700
#55297A
800
#422060
900
#321B46
950
#20112C

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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