#330142

#330142

Color Values

HEX

#330142

RGB

51, 1, 66

HSL

286.2, 97.0%, 13.1%

HSV

286.2, 98.5%, 25.9%

CMYK

22.7%, 98.5%, 0.0%, 74.1%

OKLCH

0.2393 0.1149 316.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#330142

#104201

Analogous

#120142

#420130

#330142

Triadic

#330142

#423301

#014233

Split Complementary

#330142

#304201

#014212

Tetradic

#330142

#421201

#104201

#013042

Color Blindness Simulation

Original

#330142

Protanopia

#1D1D32

Deuteranopia

#20242E

Tritanopia

#302623

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FBF1FE
100
#F5DEFC
200
#EEB9FE
300
#E286FD
400
#D245FC
500
#C204FB
600
#9B03C9
700
#7C02A1
800
#61027E
900
#47065B
950
#2D0439

Contrast Checker

Text on white

17.16:1

AA Pass AAA Pass

Text on black

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