#320316

#320316

Color Values

HEX

#320316

RGB

50, 3, 22

HSL

335.7, 88.7%, 10.4%

HSV

335.7, 94.0%, 19.6%

CMYK

0.0%, 94.0%, 56.0%, 80.4%

OKLCH

0.2103 0.0774 1.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320316

#03321F

Analogous

#32032E

#320703

#320316

Triadic

#320316

#163203

#031632

Split Complementary

#320316

#033207

#032E32

Tetradic

#320316

#2E3203

#03321F

#070332

Color Blindness Simulation

Original

#320316

Protanopia

#1E1D11

Deuteranopia

#202410

Tritanopia

#300E0D

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EB
200
#FBBCD5
300
#F88CB7
400
#F44D91
500
#F10E6A
600
#C00C55
700
#9A0944
800
#780735
900
#570A29
950
#37061A

Contrast Checker

Text on white

18.1:1

AA Pass AAA Pass

Text on black

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