#652C40

#652C40

Color Values

HEX

#652C40

RGB

101, 44, 64

HSL

338.9, 39.3%, 28.4%

HSV

338.9, 56.4%, 39.6%

CMYK

0.0%, 56.4%, 36.6%, 60.4%

OKLCH

0.378 0.0853 359.9

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#652C40

#2C6551

Analogous

#652C5C

#65342C

#652C40

Triadic

#652C40

#40652C

#2C4065

Split Complementary

#652C40

#2C6534

#2C5C65

Tetradic

#652C40

#5C652C

#2C6551

#342C65

Color Blindness Simulation

Original

#652C40

Protanopia

#4C4C3B

Deuteranopia

#50543A

Tritanopia

#623736

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EB
200
#E9CDD7
300
#DAAABB
400
#C67C96
500
#B24D71
600
#8E3E5A
700
#723248
800
#592738
900
#421F2B
950
#29141B

Contrast Checker

Text on white

10.57:1

AA Pass AAA Pass

Text on black

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