#6C01A2

#6C01A2

Color Values

HEX

#6C01A2

RGB

108, 1, 162

HSL

279,9, 98,8%, 32,0%

HSV

279,9, 99,4%, 63,5%

CMYK

33,3%, 99,4%, 0,0%, 36,5%

OKLCH

0,4167 0,2126 307,7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6C01A2

#37A201

Analogous

#1C01A2

#A20188

#6C01A2

Triadic

#6C01A2

#A26C01

#01A26C

Split Complementary

#6C01A2

#88A201

#01A21C

Tetradic

#6C01A2

#A21C01

#37A201

#0188A2

Color Blindness Simulation

Original

#6C01A2

Protanopia

#3E3D7B

Deuteranopia

#444C72

Tritanopia

#675C56

Achromatopsia

#232323

CSS Usage

background-color: #6C01A2;
color: #6C01A2;
border-color: #6C01A2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E7B8FF
300
#D685FE
400
#BF43FE
500
#A902FD
600
#8701CB
700
#6C01A2
800
#55017F
900
#3F055C
950
#28033A

Contrast Checker

Text on white

9,71:1

AA Pass AAA Pass

Text on black

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