#330664

#330664

Color Values

HEX

#330664

RGB

51, 6, 100

HSL

268.7, 88.7%, 20.8%

HSV

268.7, 94.0%, 39.2%

CMYK

49.0%, 94.0%, 0.0%, 60.8%

OKLCH

0.2786 0.1428 296.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#330664

#376406

Analogous

#060864

#620664

#330664

Triadic

#330664

#643306

#066433

Split Complementary

#330664

#646206

#086406

Tetradic

#330664

#640608

#376406

#066462

Color Blindness Simulation

Original

#330664

Protanopia

#201F4D

Deuteranopia

#222548

Tritanopia

#313B37

Achromatopsia

#161616

CSS Usage

background-color: #330664;
color: #330664;
border-color: #330664;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DABCFB
300
#BF8CF8
400
#9D4DF4
500
#7B0EF1
600
#620CC0
700
#4E099A
800
#3D0778
900
#2F0A57
950
#1E0637

Contrast Checker

Text on white

15.55:1

AA Pass AAA Pass

Text on black

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