#693648

#693648

Color Values

HEX

#693648

RGB

105, 54, 72

HSL

338.8, 32.1%, 31.2%

HSV

338.8, 48.6%, 41.2%

CMYK

0.0%, 48.6%, 31.4%, 58.8%

OKLCH

0.4037 0.0758 358.6

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#693648

#366957

Analogous

#693662

#693E36

#693648

Triadic

#693648

#486936

#364869

Split Complementary

#693648

#36693E

#366269

Tetradic

#693648

#626936

#366957

#3E3669

Color Blindness Simulation

Original

#693648

Protanopia

#535244

Deuteranopia

#565A43

Tritanopia

#66403F

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E7D0D8
300
#D5AEBC
400
#BF8298
500
#A85773
600
#87455C
700
#6C374A
800
#542B3A
900
#3E222C
950
#27161C

Contrast Checker

Text on white

9.45:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026