#693848

#693848

Color Values

HEX

#693848

RGB

105, 56, 72

HSL

340.4, 30.4%, 31.6%

HSV

340.4, 46.7%, 41.2%

CMYK

0.0%, 46.7%, 31.4%, 58.8%

OKLCH

0.4072 0.0722 359.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#693848

#386959

Analogous

#693861

#694138

#693848

Triadic

#693848

#486938

#384869

Split Complementary

#693848

#386941

#386169

Tetradic

#693848

#616938

#386959

#413869

Color Blindness Simulation

Original

#693848

Protanopia

#545344

Deuteranopia

#575A43

Tritanopia

#674140

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D0D8
300
#D4AFBB
400
#BD8497
500
#A65972
600
#85475B
700
#6A3949
800
#532C39
900
#3E232C
950
#27161C

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

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