#3312ED

#3312ED

Color Values

HEX

#3312ED

RGB

51, 18, 237

HSL

249.0, 85.9%, 50.0%

HSV

249.0, 92.4%, 92.9%

CMYK

78.5%, 92.4%, 0.0%, 7.1%

OKLCH

0.4502 0.2819 271.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3312ED

#CCED12

Analogous

#125FED

#A012ED

#3312ED

Triadic

#3312ED

#ED3312

#12ED33

Split Complementary

#3312ED

#EDA012

#5FED12

Tetradic

#3312ED

#ED125F

#CCED12

#12EDA0

Color Blindness Simulation

Original

#3312ED

Protanopia

#2524B8

Deuteranopia

#2729AB

Tritanopia

#318E85

Achromatopsia

#292929

CSS Usage

background-color: #3312ED;
color: #3312ED;
border-color: #3312ED;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F2FD
100
#E4E0FA
200
#C6BDFA
300
#9D8DF6
400
#6850F2
500
#3312ED
600
#290EBE
700
#210C98
800
#190977
900
#160B56
950
#0E0736

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

2.45:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026