#695DCF

#695DCF

Color Values

HEX

#695DCF

RGB

105, 93, 207

HSL

246.3, 54.3%, 58.8%

HSV

246.3, 55.1%, 81.2%

CMYK

49.3%, 55.1%, 0.0%, 18.8%

OKLCH

0.5494 0.1699 284.1

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#695DCF

#C3CF5D

Analogous

#5D8ACF

#A25DCF

#695DCF

Triadic

#695DCF

#CF695D

#5DCF69

Split Complementary

#695DCF

#CFA25D

#8ACF5D

Tetradic

#695DCF

#CF5D8A

#C3CF5D

#5DCFA2

Color Blindness Simulation

Original

#695DCF

Protanopia

#6464B3

Deuteranopia

#6465AD

Tritanopia

#689E99

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CCC8EF
300
#A8A1E3
400
#786DD4
500
#493AC5
600
#3A2F9D
700
#2F257E
800
#241D62
900
#1E1948
950
#13102E

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

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