#320B19

#320B19

Color Values

HEX

#320B19

RGB

50, 11, 25

HSL

338.5, 63.9%, 12.0%

HSV

338.5, 78.0%, 19.6%

CMYK

0.0%, 78.0%, 50.0%, 80.4%

OKLCH

0.223 0.0647 1.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320B19

#0B3224

Analogous

#320B2D

#32110B

#320B19

Triadic

#320B19

#19320B

#0B1932

Split Complementary

#320B19

#0B3211

#0B2D32

Tetradic

#320B19

#2D320B

#0B3224

#110B32

Color Blindness Simulation

Original

#320B19

Protanopia

#212116

Deuteranopia

#232615

Tritanopia

#301312

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3EA
200
#F2C4D5
300
#E99BB7
400
#DD6490
500
#D12E68
600
#A72554
700
#861D43
800
#681734
900
#4C1529
950
#300D1A

Contrast Checker

Text on white

17.54:1

AA Pass AAA Pass

Text on black

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