#6C09AC

#6C09AC

Color Values

HEX

#6C09AC

RGB

108, 9, 172

HSL

276.4, 90.1%, 35.5%

HSV

276.4, 94.8%, 67.5%

CMYK

37.2%, 94.8%, 0.0%, 32.5%

OKLCH

0.4287 0.2177 304.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6C09AC

#49AC09

Analogous

#1A09AC

#AC099B

#6C09AC

Triadic

#6C09AC

#AC6C09

#09AC6C

Split Complementary

#6C09AC

#9BAC09

#09AC1A

Tetradic

#6C09AC

#AC1A09

#49AC09

#099BAC

Color Blindness Simulation

Original

#6C09AC

Protanopia

#414085

Deuteranopia

#474E7B

Tritanopia

#67655F

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F9F1FD
100
#F0DFFB
200
#E2BBFB
300
#CE8BF9
400
#B34CF6
500
#980DF2
600
#7A0AC2
700
#61089B
800
#4C0679
900
#390958
950
#240637

Contrast Checker

Text on white

9.24:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026