#3301A3

#3301A3

Color Values

HEX

#3301A3

RGB

51, 1, 163

HSL

258.5, 98.8%, 32.2%

HSV

258.5, 99.4%, 63.9%

CMYK

68.7%, 99.4%, 0.0%, 36.1%

OKLCH

0.3503 0.2114 279.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3301A3

#71A301

Analogous

#0120A3

#8401A3

#3301A3

Triadic

#3301A3

#A33301

#01A333

Split Complementary

#3301A3

#A38401

#20A301

Tetradic

#3301A3

#A30120

#71A301

#01A384

Color Blindness Simulation

Original

#3301A3

Protanopia

#1D1D7C

Deuteranopia

#202472

Tritanopia

#305D56

Achromatopsia

#171717

CSS Usage

background-color: #3301A3;
color: #3301A3;
border-color: #3301A3;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CEB8FF
300
#AB85FE
400
#7D43FE
500
#4F02FD
600
#3F01CB
700
#3301A2
800
#28017F
900
#20055C
950
#14033A

Contrast Checker

Text on white

12.55:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026