#693047

#693047

Color Values

HEX

#693047

RGB

105, 48, 71

HSL

335.8, 37.3%, 30.0%

HSV

335.8, 54.3%, 41.2%

CMYK

0.0%, 54.3%, 32.4%, 58.8%

OKLCH

0.3932 0.0861 356.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#693047

#306952

Analogous

#693064

#693530

#693047

Triadic

#693047

#476930

#304769

Split Complementary

#693047

#306935

#306469

Tetradic

#693047

#646930

#306952

#353069

Color Blindness Simulation

Original

#693047

Protanopia

#505041

Deuteranopia

#545840

Tritanopia

#663D3C

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CED9
300
#D9ABBD
400
#C47D9A
500
#AF5076
600
#8C405F
700
#70334C
800
#58283B
900
#41202D
950
#29141D

Contrast Checker

Text on white

9.93:1

AA Pass AAA Pass

Text on black

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