#693B60

#693B60

Color Values

HEX

#693B60

RGB

105, 59, 96

HSL

311.7, 28.0%, 32.2%

HSV

311.7, 43.8%, 41.2%

CMYK

0.0%, 43.8%, 8.6%, 58.8%

OKLCH

0.4222 0.0834 334.5

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#693B60

#3B6944

Analogous

#5B3B69

#693B49

#693B60

Triadic

#693B60

#60693B

#3B6069

Split Complementary

#693B60

#49693B

#3B695B

Tetradic

#693B60

#695B3B

#3B6944

#3B4969

Color Blindness Simulation

Original

#693B60

Protanopia

#555557

Deuteranopia

#585B55

Tritanopia

#67504E

Achromatopsia

#474747

CSS Usage

background-color: #693B60;
color: #693B60;
border-color: #693B60;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F6F8
100
#F1E9F0
200
#E5D1E1
300
#D3B1CC
400
#BB86B1
500
#A35C95
600
#834977
700
#683B60
800
#522E4B
900
#3D2438
950
#261723

Contrast Checker

Text on white

8.77:1

AA Pass AAA Pass

Text on black

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