#502B39

#502B39

Color Values

HEX

#502B39

RGB

80, 43, 57

HSL

337.3, 30.1%, 24.1%

HSV

337.3, 46.2%, 31.4%

CMYK

0.0%, 46.2%, 28.8%, 68.6%

OKLCH

0.3416 0.058 356.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#502B39

#2B5042

Analogous

#502B4B

#502F2B

#502B39

Triadic

#502B39

#39502B

#2B3950

Split Complementary

#502B39

#2B502F

#2B4B50

Tetradic

#502B39

#4B502B

#2B5042

#2F2B50

Color Blindness Simulation

Original

#502B39

Protanopia

#404036

Deuteranopia

#424535

Tritanopia

#4E3332

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1D9
300
#D4AFBD
400
#BD849A
500
#A65976
600
#85475F
700
#6A394C
800
#532D3B
900
#3E232D
950
#27161D

Contrast Checker

Text on white

12.03:1

AA Pass AAA Pass

Text on black

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