#695FC5

#695FC5

Color Values

HEX

#695FC5

RGB

105, 95, 197

HSL

245.9, 46.8%, 57.3%

HSV

245.9, 51.8%, 77.3%

CMYK

46.7%, 51.8%, 0.0%, 22.7%

OKLCH

0.5461 0.1535 284.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#695FC5

#BBC55F

Analogous

#5F88C5

#9C5FC5

#695FC5

Triadic

#695FC5

#C5695F

#5FC569

Split Complementary

#695FC5

#C59C5F

#88C55F

Tetradic

#695FC5

#C55F88

#BBC55F

#5FC59C

Color Blindness Simulation

Original

#695FC5

Protanopia

#6565AC

Deuteranopia

#6566A6

Tritanopia

#689995

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CECBEC
300
#ABA5DE
400
#7D74CD
500
#5044BB
600
#403696
700
#332B78
800
#28225E
900
#201C45
950
#14122B

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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