#6901A2

#6901A2

Color Values

HEX

#6901A2

RGB

105, 1, 162

HSL

278.8, 98.8%, 32.0%

HSV

278.8, 99.4%, 63.5%

CMYK

35.2%, 99.4%, 0.0%, 36.5%

OKLCH

0.4124 0.212 306.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#6901A2

#3AA201

Analogous

#1901A2

#A2018B

#6901A2

Triadic

#6901A2

#A26901

#01A269

Split Complementary

#6901A2

#8BA201

#01A219

Tetradic

#6901A2

#A21901

#3AA201

#018BA2

Color Blindness Simulation

Original

#6901A2

Protanopia

#3C3B7B

Deuteranopia

#424A72

Tritanopia

#645C56

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F1FE
100
#F2DEFC
200
#E6B8FF
300
#D485FE
400
#BC43FE
500
#A402FD
600
#8401CB
700
#6901A2
800
#52017F
900
#3D055C
950
#27033A

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

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