#51162D

#51162D

Color Values

HEX

#51162D

RGB

81, 22, 45

HSL

336.6, 57.3%, 20.2%

HSV

336.6, 72.8%, 31.8%

CMYK

0.0%, 72.8%, 44.4%, 68.2%

OKLCH

0.3048 0.0908 0.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#51162D

#16513A

Analogous

#51164B

#511C16

#51162D

Triadic

#51162D

#2D5116

#162D51

Split Complementary

#51162D

#16511C

#164B51

Tetradic

#51162D

#4B5116

#16513A

#1C1651

Color Blindness Simulation

Original

#51162D

Protanopia

#373727

Deuteranopia

#3B3F26

Tritanopia

#4E2322

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C7D7
300
#E59FBA
400
#D76B95
500
#C9366F
600
#A02C59
700
#802347
800
#641B38
900
#49172B
950
#2E0F1B

Contrast Checker

Text on white

13.98:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026