#512233

#512233

Color Values

HEX

#512233

RGB

81, 34, 51

HSL

338.3, 40.9%, 22.5%

HSV

338.3, 58.0%, 31.8%

CMYK

0.0%, 58.0%, 37.0%, 68.2%

OKLCH

0.3248 0.0733 359.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#512233

#225140

Analogous

#51224A

#512822

#512233

Triadic

#512233

#335122

#223351

Split Complementary

#512233

#225128

#224A51

Tetradic

#512233

#4A5122

#225140

#282251

Color Blindness Simulation

Original

#512233

Protanopia

#3D3C2F

Deuteranopia

#3F432E

Tritanopia

#4F2C2B

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EB
200
#EACDD7
300
#DBA9BB
400
#C77A96
500
#B44B71
600
#903C5A
700
#733048
800
#5A2639
900
#421F2C
950
#2A131B

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026