#330F95

#330F95

Color Values

HEX

#330F95

RGB

51, 15, 149

HSL

256.1, 81.7%, 32.2%

HSV

256.1, 89.9%, 58.4%

CMYK

65.8%, 89.9%, 0.0%, 41.6%

OKLCH

0.3413 0.1903 281.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#330F95

#71950F

Analogous

#0F2E95

#760F95

#330F95

Triadic

#330F95

#95330F

#0F9533

Split Complementary

#330F95

#95760F

#2E950F

Tetradic

#330F95

#950F2E

#71950F

#0F9576

Color Blindness Simulation

Original

#330F95

Protanopia

#232375

Deuteranopia

#26286D

Tritanopia

#315B55

Achromatopsia

#202020

CSS Usage

background-color: #330F95;
color: #330F95;
border-color: #330F95;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F2FD
100
#E7E1FA
200
#CEBEF8
300
#AB90F4
400
#7D54EE
500
#4F17E8
600
#3F13B9
700
#330F94
800
#280C74
900
#200D54
950
#140835

Contrast Checker

Text on white

12.78:1

AA Pass AAA Pass

Text on black

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