#6A45FC

#6A45FC

Color Values

HEX

#6A45FC

RGB

106, 69, 252

HSL

252.1, 96.8%, 62.9%

HSV

252.1, 72.6%, 98.8%

CMYK

57.9%, 72.6%, 0.0%, 1.2%

OKLCH

0.5505 0.2531 283.6

Properties

Cool Dark Nearest: purple 2

Color Harmonies

Complementary

#6A45FC

#D7FC45

Analogous

#457BFC

#C545FC

#6A45FC

Triadic

#6A45FC

#FC6A45

#45FC6A

Split Complementary

#6A45FC

#FCC545

#7BFC45

Tetradic

#6A45FC

#FC457B

#D7FC45

#45FCC5

Color Blindness Simulation

Original

#6A45FC

Protanopia

#5A5AD0

Deuteranopia

#5C5FC5

Tritanopia

#68ADA5

Achromatopsia

#5A5A5A

CSS Usage

background-color: #6A45FC;
color: #6A45FC;
border-color: #6A45FC;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FE
100
#E4DEFC
200
#C7B9FE
300
#9E87FD
400
#6A45FC
500
#3604FB
600
#2B03C9
700
#2203A1
800
#1B027D
900
#17065B
950
#0F0439

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026