#693371

#693371

Color Values

HEX

#693371

RGB

105, 51, 113

HSL

292.3, 37.8%, 32.2%

HSV

292.3, 54.9%, 44.3%

CMYK

7.1%, 54.9%, 0.0%, 55.7%

OKLCH

0.4177 0.1161 322.3

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693371

#3B7133

Analogous

#4A3371

#71335A

#693371

Triadic

#693371

#716933

#337169

Split Complementary

#693371

#5A7133

#33714A

Tetradic

#693371

#714A33

#3B7133

#335A71

Color Blindness Simulation

Original

#693371

Protanopia

#525162

Deuteranopia

#55595E

Tritanopia

#665654

Achromatopsia

#434343

CSS Usage

background-color: #693371;
color: #693371;
border-color: #693371;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E5CEE9
300
#D3ABD9
400
#BB7DC4
500
#A34FB0
600
#833F8D
700
#693370
800
#522858
900
#3D2041
950
#261429

Contrast Checker

Text on white

9.08:1

AA Pass AAA Pass

Text on black

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