#696BFB

#696BFB

Color Values

HEX

#696BFB

RGB

105, 107, 251

HSL

239.2, 94.8%, 69.8%

HSV

239.2, 58.2%, 98.4%

CMYK

58.2%, 57.4%, 0.0%, 1.6%

OKLCH

0.6055 0.2096 277.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#696BFB

#FBF969

Analogous

#69B4FB

#B069FB

#696BFB

Triadic

#696BFB

#FB696B

#6BFB69

Split Complementary

#696BFB

#FBB069

#B4FB69

Tetradic

#696BFB

#FB69B4

#FBF969

#69FBB0

Color Blindness Simulation

Original

#696BFB

Protanopia

#6A6AD8

Deuteranopia

#6A6AD0

Tritanopia

#69BDB7

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFD
300
#8889FC
400
#474AFA
500
#070AF8
600
#0508C7
700
#04069F
800
#03057C
900
#07085A
950
#040539

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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