#696BFC

#696BFC

Color Values

HEX

#696BFC

RGB

105, 107, 252

HSL

239.2, 96.1%, 70.0%

HSV

239.2, 58.3%, 98.8%

CMYK

58.3%, 57.5%, 0.0%, 1.2%

OKLCH

0.6063 0.2108 277.5

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#696BFC

#FCFA69

Analogous

#69B4FC

#B169FC

#696BFC

Triadic

#696BFC

#FC696B

#6BFC69

Split Complementary

#696BFC

#FCB169

#B4FC69

Tetradic

#696BFC

#FC69B4

#FCFA69

#69FCB1

Color Blindness Simulation

Original

#696BFC

Protanopia

#6A6AD9

Deuteranopia

#6A6AD0

Tritanopia

#69BDB7

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BAFE
300
#8789FD
400
#4648FB
500
#0508FA
600
#0407C8
700
#0305A0
800
#02047D
900
#07085A
950
#040539

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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