#330216

#330216

Color Values

HEX

#330216

RGB

51, 2, 22

HSL

335.5, 92.5%, 10.4%

HSV

335.5, 96.1%, 20.0%

CMYK

0.0%, 96.1%, 56.9%, 80.0%

OKLCH

0.211 0.0802 1.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#330216

#02331F

Analogous

#33022F

#330602

#330216

Triadic

#330216

#163302

#021633

Split Complementary

#330216

#023306

#022F33

Tetradic

#330216

#2F3302

#02331F

#060233

Color Blindness Simulation

Original

#330216

Protanopia

#1E1D11

Deuteranopia

#212410

Tritanopia

#310D0C

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEB
200
#FCBAD5
300
#FA89B7
400
#F84991
500
#F50A6A
600
#C40855
700
#9D0644
800
#7B0535
900
#590829
950
#38051A

Contrast Checker

Text on white

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