#3328FF

#3328FF

Color Values

HEX

#3328FF

RGB

51, 40, 255

HSL

243.1, 100.0%, 57.8%

HSV

243.1, 84.3%, 100.0%

CMYK

80.0%, 84.3%, 0.0%, 0.0%

OKLCH

0.4867 0.2901 270.2

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3328FF

#F4FF28

Analogous

#2888FF

#9F28FF

#3328FF

Triadic

#3328FF

#FF3328

#28FF33

Split Complementary

#3328FF

#FF9F28

#88FF28

Tetradic

#3328FF

#FF2888

#F4FF28

#28FF9F

Color Blindness Simulation

Original

#3328FF

Protanopia

#2E2ECB

Deuteranopia

#2F30BE

Tritanopia

#32A299

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3328FF;
color: #3328FF;
border-color: #3328FF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BBB8FF
300
#8B85FF
400
#4C42FF
500
#0D00FF
600
#0B00CC
700
#0800A3
800
#070080
900
#09055C
950
#06033A

Contrast Checker

Text on white

7.27:1

AA Pass AAA Pass

Text on black

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