#695BC7

#695BC7

Color Values

HEX

#695BC7

RGB

105, 91, 199

HSL

247.8, 49.1%, 56.9%

HSV

247.8, 54.3%, 78.0%

CMYK

47.2%, 54.3%, 0.0%, 22.0%

OKLCH

0.5403 0.1619 285.5

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#695BC7

#B9C75B

Analogous

#5B83C7

#9F5BC7

#695BC7

Triadic

#695BC7

#C7695B

#5BC769

Split Complementary

#695BC7

#C79F5B

#83C75B

Tetradic

#695BC7

#C75B83

#B9C75B

#5BC79F

Color Blindness Simulation

Original

#695BC7

Protanopia

#6363AD

Deuteranopia

#6465A7

Tritanopia

#689894

Achromatopsia

#666666

CSS Usage

background-color: #695BC7;
color: #695BC7;
border-color: #695BC7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FB
100
#E8E6F5
200
#CECAED
300
#ACA4E0
400
#7E72CF
500
#5141BE
600
#413498
700
#342A7A
800
#29205F
900
#211B46
950
#15112C

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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