#501F2F

#501F2F

Color Values

HEX

#501F2F

RGB

80, 31, 47

HSL

340.4, 44.1%, 21.8%

HSV

340.4, 61.2%, 31.4%

CMYK

0.0%, 61.2%, 41.2%, 68.6%

OKLCH

0.3167 0.0758 1.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#501F2F

#1F5040

Analogous

#501F48

#50281F

#501F2F

Triadic

#501F2F

#2F501F

#1F2F50

Split Complementary

#501F2F

#1F5028

#1F4850

Tetradic

#501F2F

#48501F

#1F5040

#281F50

Color Blindness Simulation

Original

#501F2F

Protanopia

#3B3A2B

Deuteranopia

#3E412A

Tritanopia

#4E2827

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FAF4F6
100
#F4E6EB
200
#EBCCD6
300
#DDA7B8
400
#CA7792
500
#B8476C
600
#933956
700
#762E45
800
#5C2436
900
#441D2A
950
#2B121A

Contrast Checker

Text on white

13.31:1

AA Pass AAA Pass

Text on black

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