#6966DB

#6966DB

Color Values

HEX

#6966DB

RGB

105, 102, 219

HSL

241.5, 61.9%, 62.9%

HSV

241.5, 53.4%, 85.9%

CMYK

52.1%, 53.4%, 0.0%, 14.1%

OKLCH

0.5738 0.1739 280.6

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#6966DB

#D8DB66

Analogous

#669DDB

#A366DB

#6966DB

Triadic

#6966DB

#DB6966

#66DB69

Split Complementary

#6966DB

#DBA366

#9DDB66

Tetradic

#6966DB

#DB669D

#D8DB66

#66DBA3

Color Blindness Simulation

Original

#6966DB

Protanopia

#6868BF

Deuteranopia

#6868B8

Tritanopia

#69A8A3

Achromatopsia

#6F6F6F

CSS Usage

background-color: #6966DB;
color: #6966DB;
border-color: #6966DB;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FB
100
#E4E4F7
200
#C6C5F1
300
#9E9CE8
400
#6966DB
500
#3531CE
600
#2A27A5
700
#221F84
800
#1A1867
900
#17154B
950
#0E0E30

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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