#695BAC

#695BAC

Color Values

HEX

#695BAC

RGB

105, 91, 172

HSL

250.4, 32.8%, 51.6%

HSV

250.4, 47.1%, 67.5%

CMYK

39.0%, 47.1%, 0.0%, 32.5%

OKLCH

0.5227 0.1245 289.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#695BAC

#9EAC5B

Analogous

#5B76AC

#925BAC

#695BAC

Triadic

#695BAC

#AC695B

#5BAC69

Split Complementary

#695BAC

#AC925B

#76AC5B

Tetradic

#695BAC

#AC5B76

#9EAC5B

#5BAC92

Color Blindness Simulation

Original

#695BAC

Protanopia

#636398

Deuteranopia

#646594

Tritanopia

#688986

Achromatopsia

#646464

CSS Usage

background-color: #695BAC;
color: #695BAC;
border-color: #695BAC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B5AED6
400
#8C82C0
500
#6456A9
600
#504587
700
#40376C
800
#322B55
900
#27223F
950
#191628

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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