#695097

#695097

Color Values

HEX

#695097

RGB

105, 80, 151

HSL

261.1, 30.7%, 45.3%

HSV

261.1, 47.0%, 59.2%

CMYK

30.5%, 47.0%, 0.0%, 40.8%

OKLCH

0.4895 0.1127 298.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#695097

#7E9750

Analogous

#505B97

#8C5097

#695097

Triadic

#695097

#976950

#509769

Split Complementary

#695097

#978C50

#5B9750

Tetradic

#695097

#97505B

#7E9750

#50978C

Color Blindness Simulation

Original

#695097

Protanopia

#5E5E86

Deuteranopia

#606282

Tritanopia

#687875

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D8D0E6
300
#BCAFD5
400
#9884BE
500
#7458A7
600
#5D4785
700
#4A396B
800
#3A2C53
900
#2C233E
950
#1C1627

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

3.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026