#500523

#500523

Color Values

HEX

#500523

RGB

80, 5, 35

HSL

336.0, 88.2%, 16.7%

HSV

336.0, 93.8%, 31.4%

CMYK

0.0%, 93.7%, 56.3%, 68.6%

OKLCH

0.2824 0.1066 4.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#500523

#055032

Analogous

#500549

#500D05

#500523

Triadic

#500523

#235005

#052350

Split Complementary

#500523

#05500D

#054950

Tetradic

#500523

#495005

#055032

#0D0550

Color Blindness Simulation

Original

#500523

Protanopia

#302F1C

Deuteranopia

#343A1A

Tritanopia

#4C1615

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EA
200
#FBBCD5
300
#F88CB7
400
#F44D90
500
#F00F69
600
#C00C54
700
#9A0A43
800
#780835
900
#570A29
950
#37061A

Contrast Checker

Text on white

15.14:1

AA Pass AAA Pass

Text on black

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