#6A5AF2

#6A5AF2

Color Values

HEX

#6A5AF2

RGB

106, 90, 242

HSL

246.3, 85.4%, 65.1%

HSV

246.3, 62.8%, 94.9%

CMYK

56.2%, 62.8%, 0.0%, 5.1%

OKLCH

0.5714 0.2186 281.7

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#6A5AF2

#E2F25A

Analogous

#5A96F2

#B65AF2

#6A5AF2

Triadic

#6A5AF2

#F26A5A

#5AF26A

Split Complementary

#6A5AF2

#F2B65A

#96F25A

Tetradic

#6A5AF2

#F25A96

#E2F25A

#5AF2B6

Color Blindness Simulation

Original

#6A5AF2

Protanopia

#6363CD

Deuteranopia

#6465C4

Tritanopia

#69B0AA

Achromatopsia

#686868

CSS Usage

background-color: #6A5AF2;
color: #6A5AF2;
border-color: #6A5AF2;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BDFA
300
#998EF6
400
#6150F1
500
#2913EC
600
#210FBD
700
#1B0C97
800
#150976
900
#130B56
950
#0C0736

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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