#693C99

#693C99

Color Values

HEX

#693C99

RGB

105, 60, 153

HSL

269.0, 43.7%, 41.8%

HSV

269.0, 60.8%, 60.0%

CMYK

31.4%, 60.8%, 0.0%, 40.0%

OKLCH

0.4568 0.1478 303.3

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#693C99

#6C993C

Analogous

#3C3E99

#983C99

#693C99

Triadic

#693C99

#99693C

#3C9969

Split Complementary

#693C99

#99983C

#3E993C

Tetradic

#693C99

#993C3E

#6C993C

#3C9998

Color Blindness Simulation

Original

#693C99

Protanopia

#565583

Deuteranopia

#585C7D

Tritanopia

#67716D

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F4
200
#DBCCEB
300
#C1A7DD
400
#9F77CA
500
#7E48B7
600
#653993
700
#502E75
800
#3F245C
900
#301D44
950
#1E132B

Contrast Checker

Text on white

7.76:1

AA Pass AAA Pass

Text on black

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