#6612AF

#6612AF

Color Values

HEX

#6612AF

RGB

102, 18, 175

HSL

272.1, 81.3%, 37.8%

HSV

272.1, 89.7%, 68.6%

CMYK

41.7%, 89.7%, 0.0%, 31.4%

OKLCH

0.4276 0.2151 300.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6612AF

#5BAF12

Analogous

#1812AF

#AF12A9

#6612AF

Triadic

#6612AF

#AF6612

#12AF66

Split Complementary

#6612AF

#A9AF12

#12AF18

Tetradic

#6612AF

#AF1812

#5BAF12

#12A9AF

Color Blindness Simulation

Original

#6612AF

Protanopia

#424189

Deuteranopia

#464D80

Tritanopia

#626B64

Achromatopsia

#2F2F2F

CSS Usage

background-color: #6612AF;
color: #6612AF;
border-color: #6612AF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBEF8
300
#C590F4
400
#A654ED
500
#8718E7
600
#6C13B9
700
#560F94
800
#430C74
900
#330D54
950
#200835

Contrast Checker

Text on white

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