#696AE3

#696AE3

Color Values

HEX

#696AE3

RGB

105, 106, 227

HSL

239.5, 68.5%, 65.1%

HSV

239.5, 53.7%, 89.0%

CMYK

53.7%, 53.3%, 0.0%, 11.0%

OKLCH

0.5865 0.1793 279.0

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#696AE3

#E3E269

Analogous

#69A7E3

#A569E3

#696AE3

Triadic

#696AE3

#E3696A

#6AE369

Split Complementary

#696AE3

#E3A569

#A7E369

Tetradic

#696AE3

#E369A7

#E3E269

#69E3A5

Color Blindness Simulation

Original

#696AE3

Protanopia

#6969C6

Deuteranopia

#6969BF

Tritanopia

#69AFAA

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C3F4
300
#9899EC
400
#6061E1
500
#282AD7
600
#2021AC
700
#1A1B89
800
#14156B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

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