#330770

#330770

Color Values

HEX

#330770

RGB

51, 7, 112

HSL

265.1, 88.2%, 23.3%

HSV

265.1, 93.8%, 43.9%

CMYK

54.5%, 93.8%, 0.0%, 56.1%

OKLCH

0.2927 0.1548 292.1

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#330770

#447007

Analogous

#071070

#670770

#330770

Triadic

#330770

#703307

#077033

Split Complementary

#330770

#706707

#107007

Tetradic

#330770

#700710

#447007

#077067

Color Blindness Simulation

Original

#330770

Protanopia

#202057

Deuteranopia

#222650

Tritanopia

#31433E

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F6F2FD
100
#EBE0FB
200
#D6BCFB
300
#B98CF8
400
#934DF4
500
#6D0FF0
600
#570CC0
700
#460A9A
800
#370878
900
#2A0A57
950
#1B0637

Contrast Checker

Text on white

14.95:1

AA Pass AAA Pass

Text on black

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