#3300A3

#3300A3

Color Values

HEX

#3300A3

RGB

51, 0, 163

HSL

258.8, 100.0%, 32.0%

HSV

258.8, 100.0%, 63.9%

CMYK

68.7%, 100.0%, 0.0%, 36.1%

OKLCH

0.3497 0.2118 279.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3300A3

#70A300

Analogous

#001EA3

#8500A3

#3300A3

Triadic

#3300A3

#A33300

#00A333

Split Complementary

#3300A3

#A38500

#1EA300

Tetradic

#3300A3

#A3001E

#70A300

#00A385

Color Blindness Simulation

Original

#3300A3

Protanopia

#1D1C7C

Deuteranopia

#202472

Tritanopia

#305C56

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CEB8FF
300
#AB85FF
400
#7D42FF
500
#5000FF
600
#4000CC
700
#3300A3
800
#280080
900
#20055C
950
#14033A

Contrast Checker

Text on white

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