Purple Blue Color

#6A0DAD

Shades

Darker variations of each color in your palette

Base Color

#6A0DAD
#6A0DAD
#550A8A
#400868
#2A0545
#150323
#000000

Shades

Tints

Lighter variations of each color in your palette

Base Color

#6A0DAD
#6A0DAD
#883DBD
#A66ECE
#C39EDE
#E1CFEF
#FFFFFF

Tints

Base Color

Click any value to copy

FormatValueImage
HEX#6A0DADPurple Blue Color
RGB106, 13, 173
HSL275, 86%, 36%
CMYK39%, 92%, 0%, 32%
OKLCHoklch(0.428 0.217 303)

Color Harmonies

Explore harmonious color combinations based on color theory

Base Color

#6A0DAD
#1A0DAB
#6A0DAD
#AB0D9E

Analogous

#6A0DAD
#4FAB0D

Complementary

#6A0DAD
#AB690D
#0DAB69

Triadic

#6A0DAD
#9EAB0D
#0DAB1A

Split Complementary

#6A0DAD
#AB1A0D
#4FAB0D
#0D9EAB

Tetradic

#3A075F
#660CA6
#9212ED
#B359F3
#D3A0F8

Monochromatic

Hues

Different hues with the same saturation and lightness

Base Color

#6A0DAD
#AB0D0D
#ABAB0D
#0DAB0D
#0DABAB
#0D0DAB
#AB0DAB

Hues

Tones

Tones created by adding gray to each color

Base Color

#6A0DAD
#6A0DAD
#6E24A4
#733B9B
#775292
#7C6989
#808080

Tones

Color Temperatures

Warm and cool variations of your colors

Base Color

#6A0DAD
#8016A5
#971E9D
#AD2796

Warmer

#6516B9
#601EC6
#5C27D2

Cooler

Contrast

Test color contrast against white and black backgrounds

Color #1

#6A0DAD

On White Background

Sample Text
Contrast Ratio:9.24:1
WCAG Level:AAA
PASS

On Black Background

Sample Text
Contrast Ratio:2.27:1
WCAG Level:Fail
FAIL

WCAG Guidelines:

  • AAA: Contrast ratio ≥ 7:1 (highest level)
  • AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
  • AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)