#695BA3

#695BA3

Color Values

HEX

#695BA3

RGB

105, 91, 163

HSL

251.7, 28.3%, 49.8%

HSV

251.7, 44.2%, 63.9%

CMYK

35.6%, 44.2%, 0.0%, 36.1%

OKLCH

0.5174 0.1116 290.9

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#695BA3

#95A35B

Analogous

#5B71A3

#8D5BA3

#695BA3

Triadic

#695BA3

#A3695B

#5BA369

Split Complementary

#695BA3

#A38D5B

#71A35B

Tetradic

#695BA3

#A35B71

#95A35B

#5BA38D

Color Blindness Simulation

Original

#695BA3

Protanopia

#636392

Deuteranopia

#64658D

Tritanopia

#688481

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EBE9F1
200
#D5D1E5
300
#B7B0D3
400
#9086BB
500
#695BA4
600
#544983
700
#443B69
800
#352E52
900
#29243D
950
#1A1726

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

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