#6C2CC3

#6C2CC3

Color Values

HEX

#6C2CC3

RGB

108, 44, 195

HSL

265.4, 63.2%, 46.9%

HSV

265.4, 77.4%, 76.5%

CMYK

44.6%, 77.4%, 0.0%, 23.5%

OKLCH

0.4733 0.2153 296.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6C2CC3

#83C32C

Analogous

#2C38C3

#B82CC3

#6C2CC3

Triadic

#6C2CC3

#C36C2C

#2CC36C

Split Complementary

#6C2CC3

#C3B82C

#38C32C

Tetradic

#6C2CC3

#C32C38

#83C32C

#2CC3B8

Color Blindness Simulation

Original

#6C2CC3

Protanopia

#50509F

Deuteranopia

#545996

Tritanopia

#69827B

Achromatopsia

#454545

CSS Usage

background-color: #6C2CC3;
color: #6C2CC3;
border-color: #6C2CC3;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F3FB
100
#ECE4F7
200
#D8C5F2
300
#BC9BE8
400
#9865DC
500
#732FD0
600
#5C26A6
700
#4A1E85
800
#3A1768
900
#2C154C
950
#1C0D30

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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