#693448

#693448

Color Values

HEX

#693448

RGB

105, 52, 72

HSL

337.4, 33.8%, 30.8%

HSV

337.4, 50.5%, 41.2%

CMYK

0.0%, 50.5%, 31.4%, 58.8%

OKLCH

0.4002 0.0794 357.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#693448

#346955

Analogous

#693463

#693B34

#693448

Triadic

#693448

#486934

#344869

Split Complementary

#693448

#34693B

#346369

Tetradic

#693448

#636934

#346955

#3B3469

Color Blindness Simulation

Original

#693448

Protanopia

#525243

Deuteranopia

#555942

Tritanopia

#663F3E

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E7CFD8
300
#D6ADBD
400
#C18199
500
#AB5475
600
#88445D
700
#6D364B
800
#552A3A
900
#3F222D
950
#28151C

Contrast Checker

Text on white

9.61:1

AA Pass AAA Pass

Text on black

2.19:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026