#693F75

#693F75

Color Values

HEX

#693F75

RGB

105, 63, 117

HSL

286.7, 30.0%, 35.3%

HSV

286.7, 46.2%, 45.9%

CMYK

10.3%, 46.2%, 0.0%, 54.1%

OKLCH

0.4396 0.0986 318.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#693F75

#4B753F

Analogous

#4E3F75

#753F66

#693F75

Triadic

#693F75

#75693F

#3F7569

Split Complementary

#693F75

#66753F

#3F754E

Tetradic

#693F75

#754E3F

#4B753F

#3F6675

Color Blindness Simulation

Original

#693F75

Protanopia

#575668

Deuteranopia

#595C65

Tritanopia

#675E5B

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#F0E9F2
200
#E1D1E6
300
#CCAFD4
400
#B084BD
500
#9559A6
600
#774785
700
#5F396A
800
#4A2D53
900
#38233E
950
#231627

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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