#693549

#693549

Color Values

HEX

#693549

RGB

105, 53, 73

HSL

336.9, 32.9%, 31.0%

HSV

336.9, 49.5%, 41.2%

CMYK

0.0%, 49.5%, 30.5%, 58.8%

OKLCH

0.4023 0.0781 356.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#693549

#356955

Analogous

#693563

#693B35

#693549

Triadic

#693549

#496935

#354969

Split Complementary

#693549

#35693B

#356369

Tetradic

#693549

#636935

#356955

#3B3569

Color Blindness Simulation

Original

#693549

Protanopia

#525244

Deuteranopia

#565943

Tritanopia

#664040

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E7D0D9
300
#D6AEBD
400
#C0829A
500
#A95676
600
#88445E
700
#6C374B
800
#552B3B
900
#3F222D
950
#28161D

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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