#330960

#330960

Color Values

HEX

#330960

RGB

51, 9, 96

HSL

269.0, 82.9%, 20.6%

HSV

269.0, 90.6%, 37.6%

CMYK

46.9%, 90.6%, 0.0%, 62.4%

OKLCH

0.2769 0.1361 298.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#330960

#366009

Analogous

#090A60

#5F0960

#330960

Triadic

#330960

#603309

#096033

Split Complementary

#330960

#605F09

#0A6009

Tetradic

#330960

#60090A

#366009

#09605F

Color Blindness Simulation

Original

#330960

Protanopia

#21204B

Deuteranopia

#232646

Tritanopia

#313A37

Achromatopsia

#181818

CSS Usage

background-color: #330960;
color: #330960;
border-color: #330960;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DABEF9
300
#C08FF5
400
#9E52EF
500
#7C16E9
600
#6311BB
700
#4F0E95
800
#3E0B75
900
#2F0C55
950
#1E0835

Contrast Checker

Text on white

15.57:1

AA Pass AAA Pass

Text on black

1.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026