#696ADC

#696ADC

Color Values

HEX

#696ADC

RGB

105, 106, 220

HSL

239,5, 62,2%, 63,7%

HSV

239,5, 52,3%, 86,3%

CMYK

52,3%, 51,8%, 0,0%, 13,7%

OKLCH

0,5818 0,1699 279,3

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#696ADC

#DCDB69

Analogous

#69A3DC

#A169DC

#696ADC

Triadic

#696ADC

#DC696A

#6ADC69

Split Complementary

#696ADC

#DCA169

#A3DC69

Tetradic

#696ADC

#DC69A3

#DCDB69

#69DCA1

Color Blindness Simulation

Original

#696ADC

Protanopia

#6969C0

Deuteranopia

#6969BA

Tritanopia

#69ABA6

Achromatopsia

#727272

CSS Usage

background-color: #696ADC;
color: #696ADC;
border-color: #696ADC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C5F2
300
#9C9CE8
400
#6667DB
500
#3032CF
600
#2728A5
700
#1F2084
800
#181967
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

4,47:1

AA Fail AAA Fail

Text on black

4,7:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026