#695BA6

#695BA6

Color Values

HEX

#695BA6

RGB

105, 91, 166

HSL

251.2, 29.6%, 50.4%

HSV

251.2, 45.2%, 65.1%

CMYK

36.7%, 45.2%, 0.0%, 34.9%

OKLCH

0.5191 0.1159 290.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#695BA6

#98A65B

Analogous

#5B73A6

#8E5BA6

#695BA6

Triadic

#695BA6

#A6695B

#5BA669

Split Complementary

#695BA6

#A68E5B

#73A65B

Tetradic

#695BA6

#A65B73

#98A65B

#5BA68E

Color Blindness Simulation

Original

#695BA6

Protanopia

#636394

Deuteranopia

#646590

Tritanopia

#688682

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D5D1E6
300
#B6B0D4
400
#8F85BD
500
#685AA5
600
#534884
700
#42396A
800
#342D53
900
#28243D
950
#191627

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

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