#695BBC

#695BBC

Color Values

HEX

#695BBC

RGB

105, 91, 188

HSL

248.7, 42.0%, 54.7%

HSV

248.7, 51.6%, 73.7%

CMYK

44.1%, 51.6%, 0.0%, 26.3%

OKLCH

0.5329 0.1469 286.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#695BBC

#AEBC5B

Analogous

#5B7DBC

#9A5BBC

#695BBC

Triadic

#695BBC

#BC695B

#5BBC69

Split Complementary

#695BBC

#BC9A5B

#7DBC5B

Tetradic

#695BBC

#BC5B7D

#AEBC5B

#5BBC9A

Color Blindness Simulation

Original

#695BBC

Protanopia

#6363A5

Deuteranopia

#64659F

Tritanopia

#68928E

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F4
200
#D1CCEA
300
#B0A8DC
400
#8579C8
500
#594AB5
600
#483B91
700
#392F74
800
#2D255B
900
#231E43
950
#16132A

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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