#696AE2

#696AE2

Color Values

HEX

#696AE2

RGB

105, 106, 226

HSL

239.5, 67.6%, 64.9%

HSV

239.5, 53.5%, 88.6%

CMYK

53.5%, 53.1%, 0.0%, 11.4%

OKLCH

0.5859 0.178 279.0

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#696AE2

#E2E169

Analogous

#69A7E2

#A469E2

#696AE2

Triadic

#696AE2

#E2696A

#6AE269

Split Complementary

#696AE2

#E2A469

#A7E269

Tetradic

#696AE2

#E269A7

#E2E169

#69E2A4

Color Blindness Simulation

Original

#696AE2

Protanopia

#6969C5

Deuteranopia

#6969BE

Tritanopia

#69AEA9

Achromatopsia

#727272

CSS Usage

background-color: #696AE2;
color: #696AE2;
border-color: #696AE2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C4F3
300
#9899EB
400
#6162E0
500
#292BD6
600
#2122AB
700
#1A1B89
800
#15156B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

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