#696BF5

#696BF5

Color Values

HEX

#696BF5

RGB

105, 107, 245

HSL

239.1, 87.5%, 68.6%

HSV

239.1, 57.1%, 96.1%

CMYK

57.1%, 56.3%, 0.0%, 3.9%

OKLCH

0.6011 0.2018 277.8

Properties

Cool Light Nearest: slateblue 2

Color Harmonies

Complementary

#696BF5

#F5F369

Analogous

#69B1F5

#AD69F5

#696BF5

Triadic

#696BF5

#F5696B

#6BF569

Split Complementary

#696BF5

#F5AD69

#B1F569

Tetradic

#696BF5

#F569B1

#F5F369

#69F5AD

Color Blindness Simulation

Original

#696BF5

Protanopia

#6A6AD4

Deuteranopia

#6A6ACC

Tritanopia

#69B9B3

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BCBDFB
300
#8C8EF7
400
#4E51F3
500
#1013EF
600
#0D0FBF
700
#0A0C99
800
#080A78
900
#0A0B57
950
#070737

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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