#330630

#330630

Color Values

HEX

#330630

RGB

51, 6, 48

HSL

304.0, 78.9%, 11.2%

HSV

304.0, 88.2%, 20.0%

CMYK

0.0%, 88.2%, 5.9%, 80.0%

OKLCH

0.2308 0.0906 331.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#330630

#063309

Analogous

#200633

#33061A

#330630

Triadic

#330630

#303306

#063033

Split Complementary

#330630

#1A3306

#063320

Tetradic

#330630

#332006

#063309

#061A33

Color Blindness Simulation

Original

#330630

Protanopia

#201F26

Deuteranopia

#222523

Tritanopia

#311E1C

Achromatopsia

#131313

CSS Usage

background-color: #330630;
color: #330630;
border-color: #330630;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF4
300
#F292EC
400
#EB56E1
500
#E41BD7
600
#B616AC
700
#921189
800
#720D6B
900
#530E4E
950
#340931

Contrast Checker

Text on white

17.36:1

AA Pass AAA Pass

Text on black

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