#693491

#693491

Color Values

HEX

#693491

RGB

105, 52, 145

HSL

274.2, 47.2%, 38.6%

HSV

274.2, 64.1%, 56.9%

CMYK

27.6%, 64.1%, 0.0%, 43.1%

OKLCH

0.4395 0.1504 307.6

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#693491

#5C9134

Analogous

#3A3491

#91348A

#693491

Triadic

#693491

#916934

#349169

Split Complementary

#693491

#8A9134

#34913A

Tetradic

#693491

#913A34

#5C9134

#348A91

Color Blindness Simulation

Original

#693491

Protanopia

#52527B

Deuteranopia

#555975

Tritanopia

#666965

Achromatopsia

#464646

CSS Usage

background-color: #693491;
color: #693491;
border-color: #693491;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DECAEC
300
#C6A5DF
400
#A774CD
500
#8843BC
600
#6D3696
700
#572B78
800
#44225E
900
#331C45
950
#20122C

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026