#330215

#330215

Color Values

HEX

#330215

RGB

51, 2, 21

HSL

336.7, 92.5%, 10.4%

HSV

336.7, 96.1%, 20.0%

CMYK

0.0%, 96.1%, 58.8%, 80.0%

OKLCH

0.2106 0.0799 2.8

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#330215

#023320

Analogous

#33022E

#330702

#330215

Triadic

#330215

#153302

#021533

Split Complementary

#330215

#023307

#022E33

Tetradic

#330215

#2E3302

#023320

#070233

Color Blindness Simulation

Original

#330215

Protanopia

#1E1D10

Deuteranopia

#21240F

Tritanopia

#310D0C

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD4
300
#FA89B5
400
#F8498D
500
#F50A65
600
#C40851
700
#9D0641
800
#7B0533
900
#590827
950
#380519

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

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