#695BCD

#695BCD

Color Values

HEX

#695BCD

RGB

105, 91, 205

HSL

247.4, 53.3%, 58.0%

HSV

247.4, 55.6%, 80.4%

CMYK

48.8%, 55.6%, 0.0%, 19.6%

OKLCH

0.5445 0.17 284.8

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#695BCD

#BFCD5B

Analogous

#5B86CD

#A25BCD

#695BCD

Triadic

#695BCD

#CD695B

#5BCD69

Split Complementary

#695BCD

#CDA25B

#86CD5B

Tetradic

#695BCD

#CD5B86

#BFCD5B

#5BCDA2

Color Blindness Simulation

Original

#695BCD

Protanopia

#6363B1

Deuteranopia

#6465AB

Tritanopia

#689C97

Achromatopsia

#666666

CSS Usage

background-color: #695BCD;
color: #695BCD;
border-color: #695BCD;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EE
300
#A9A1E2
400
#7B6ED3
500
#4C3CC3
600
#3D309C
700
#31267D
800
#261E62
900
#1F1948
950
#14102D

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026