#693248

#693248

Color Values

HEX

#693248

RGB

105, 50, 72

HSL

336.0, 35.5%, 30.4%

HSV

336.0, 52.4%, 41.2%

CMYK

0.0%, 52.4%, 31.4%, 58.8%

OKLCH

0.3968 0.083 356.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#693248

#326953

Analogous

#693264

#693832

#693248

Triadic

#693248

#486932

#324869

Split Complementary

#693248

#326938

#326469

Tetradic

#693248

#646932

#326953

#383269

Color Blindness Simulation

Original

#693248

Protanopia

#515143

Deuteranopia

#545841

Tritanopia

#663E3E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CFD9
300
#D8ACBD
400
#C27F9A
500
#AD5276
600
#8A425F
700
#6F354C
800
#56293B
900
#40212D
950
#28151D

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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