#330FF0

#330FF0

Color Values

HEX

#330FF0

RGB

51, 15, 240

HSL

249.6, 88.2%, 50.0%

HSV

249.6, 93.8%, 94.1%

CMYK

78.8%, 93.8%, 0.0%, 5.9%

OKLCH

0.4526 0.2858 271.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#330FF0

#CCF00F

Analogous

#0F5CF0

#A30FF0

#330FF0

Triadic

#330FF0

#F0330F

#0FF033

Split Complementary

#330FF0

#F0A30F

#5CF00F

Tetradic

#330FF0

#F00F5C

#CCF00F

#0FF0A3

Color Blindness Simulation

Original

#330FF0

Protanopia

#2323BA

Deuteranopia

#2628AC

Tritanopia

#318F85

Achromatopsia

#272727

CSS Usage

background-color: #330FF0;
color: #330FF0;
border-color: #330FF0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E4E0FB
200
#C6BCFB
300
#9D8CF8
400
#684DF4
500
#330FF0
600
#290CC0
700
#210A9A
800
#1A0878
900
#160A57
950
#0E0637

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

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