#696BF7

#696BF7

Color Values

HEX

#696BF7

RGB

105, 107, 247

HSL

239.2, 89.9%, 69.0%

HSV

239.2, 57.5%, 96.9%

CMYK

57.5%, 56.7%, 0.0%, 3.1%

OKLCH

0.6026 0.2044 277.7

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#696BF7

#F7F569

Analogous

#69B2F7

#AE69F7

#696BF7

Triadic

#696BF7

#F7696B

#6BF769

Split Complementary

#696BF7

#F7AE69

#B2F769

Tetradic

#696BF7

#F769B2

#F7F569

#69F7AE

Color Blindness Simulation

Original

#696BF7

Protanopia

#6A6AD5

Deuteranopia

#6A6ACD

Tritanopia

#69BAB4

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBCFB
300
#8B8CF9
400
#4C4EF5
500
#0D10F2
600
#0A0DC2
700
#080A9B
800
#060879
900
#090A58
950
#060737

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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