#3333FF

#3333FF

Color Values

HEX

#3333FF

RGB

51, 51, 255

HSL

240.0, 100.0%, 60.0%

HSV

240.0, 80.0%, 100.0%

CMYK

80.0%, 80.0%, 0.0%, 0.0%

OKLCH

0.4973 0.2829 269.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3333FF

#FFFF33

Analogous

#3399FF

#9933FF

#3333FF

Triadic

#3333FF

#FF3333

#33FF33

Split Complementary

#3333FF

#FF9933

#99FF33

Tetradic

#3333FF

#FF3399

#FFFF33

#33FF99

Color Blindness Simulation

Original

#3333FF

Protanopia

#3333CE

Deuteranopia

#3333C2

Tritanopia

#33A79E

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B8B8FF
300
#8585FF
400
#4242FF
500
#0000FF
600
#0000CC
700
#0000A3
800
#000080
900
#05055C
950
#03033A

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026