#3312ec hex color

In a RGB color space, hex #3312ec is composed of 20% red, 7.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 92.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 249.1 degrees, a saturation of 85.8% and a lightness of 49.8%. #3312ec color hex could be obtained by blending #6624ff with #0000d9. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 20
- G 7
- B 93
RGB color chart
- C 78
- M 92
- Y 0
- K 7
CMYK color chart

● #3312ec color description : Vivid blue.

The hexadecimal color #3312ec has RGB values of R:51, G:18, B:236 and CMYK values of C:0.78, M:0.92, Y:0, K:0.07. Its decimal value is 3347180.

Hex triplet	3312ec	`#3312ec`
RGB Decimal	51, 18, 236	`rgb(51,18,236)`
RGB Percent	20, 7.1, 92.5	`rgb(20%,7.1%,92.5%)`
CMYK	78, 92, 0, 7
HSL	249.1°, 85.8, 49.8	`hsl(249.1,85.8%,49.8%)`
HSV (or HSB)	249.1°, 92.4, 92.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.239, 72.225, -97.194
XYZ	16.719, 7.192, 79.859
xyY	0.161, 0.069, 7.192
CIE-LCH	32.239, 121.092, 306.616
CIE-LUV	32.239, -5.952, -121.795
Hunter-Lab	26.817, 64.355, -157.79
Binary	00110011, 00010010, 11101100

#3312ec
```
#3312ec rgb(51,18,236)
```
#cbec12
```
#cbec12 rgb(203,236,18)
```

Complementary Color

#125eec
```
#125eec rgb(18,94,236)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#a012ec
```
#a012ec rgb(160,18,236)
```

Analogous Color

#5eec12
```
#5eec12 rgb(94,236,18)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#eca012
```
#eca012 rgb(236,160,18)
```

Split Complementary Color

#12ec33
```
#12ec33 rgb(18,236,51)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#ec3312
```
#ec3312 rgb(236,51,18)
```

Triadic Color

#12cbec
```
#12cbec rgb(18,203,236)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#ec3312
```
#ec3312 rgb(236,51,18)
```
#cbec12
```
#cbec12 rgb(203,236,18)
```

Tetradic Color

#240da5
```
#240da5 rgb(36,13,165)
```
#290ebd
```
#290ebd rgb(41,14,189)
```
#2e10d4
```
#2e10d4 rgb(46,16,212)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#4729ef
```
#4729ef rgb(71,41,239)
```
#5b41f0
```
#5b41f0 rgb(91,65,240)
```
#7058f2
```
#7058f2 rgb(112,88,242)
```

Monochromatic Color

Below, you can see some colors close to #3312ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1228ec
```
#1228ec rgb(18,40,236)
```
#1215ec
```
#1215ec rgb(18,21,236)
```
#2112ec
```
#2112ec rgb(33,18,236)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#4512ec
```
#4512ec rgb(69,18,236)
```
#5712ec
```
#5712ec rgb(87,18,236)
```
#6a12ec
```
#6a12ec rgb(106,18,236)
```

Similar Colors

Text with hexadecimal color #3312ec

This text has a font color of #3312ec.

<span style="color:#3312ec;">Text here</span>

#3312ec background color

This paragraph has a background color of #3312ec.

<p style="background-color:#3312ec;">Content here</p>

#3312ec border color

This element has a border color of #3312ec.

<div style="border:1px solid #3312ec;">Content here</div>

CSS codes

.text {color:#3312ec;}

.background {background-color:#3312ec;}

.border {border:1px solid #3312ec;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040111 is the darkest color, while #fefeff is the lightest one.

#040111
```
#040111 rgb(4,1,17)
```
#080324
```
#080324 rgb(8,3,36)
```
#0c0436
```
#0c0436 rgb(12,4,54)
```
#100548
```
#100548 rgb(16,5,72)
```
#13075a
```
#13075a rgb(19,7,90)
```
#17086c
```
#17086c rgb(23,8,108)
```
#1b0a7f
```
#1b0a7f rgb(27,10,127)
```
#1f0b91
```
#1f0b91 rgb(31,11,145)
```
#230ca3
```
#230ca3 rgb(35,12,163)
```
#270eb5
```
#270eb5 rgb(39,14,181)
```
#2b0fc8
```
#2b0fc8 rgb(43,15,200)
```
#2f11da
```
#2f11da rgb(47,17,218)
```
#3312ec
```
#3312ec rgb(51,18,236)
```

Shade Color Variation

#4223ee
```
#4223ee rgb(66,35,238)
```
#5236f0
```
#5236f0 rgb(82,54,240)
```
#6148f1
```
#6148f1 rgb(97,72,241)
```
#715af2
```
#715af2 rgb(113,90,242)
```
#816cf4
```
#816cf4 rgb(129,108,244)
```
#907ef5
```
#907ef5 rgb(144,126,245)
```
#a091f7
```
#a091f7 rgb(160,145,247)
```
#b0a3f8
```
#b0a3f8 rgb(176,163,248)
```
#bfb5f9
```
#bfb5f9 rgb(191,181,249)
```
#cfc7fb
```
#cfc7fb rgb(207,199,251)
```
#dfdafc
```
#dfdafc rgb(223,218,252)
```
#efecfe
```
#efecfe rgb(239,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7d81 is the less saturated color, while #2c08f6 is the most saturated one.

#7e7d81
```
#7e7d81 rgb(126,125,129)
```
#77748a
```
#77748a rgb(119,116,138)
```
#706a94
```
#706a94 rgb(112,106,148)
```
#69609e
```
#69609e rgb(105,96,158)
```
#6356a8
```
#6356a8 rgb(99,86,168)
```
#5c4db1
```
#5c4db1 rgb(92,77,177)
```
#5543bb
```
#5543bb rgb(85,67,187)
```
#4e39c5
```
#4e39c5 rgb(78,57,197)
```
#472fcf
```
#472fcf rgb(71,47,207)
```
#4126d8
```
#4126d8 rgb(65,38,216)
```
#3a1ce2
```
#3a1ce2 rgb(58,28,226)
```
#3312ec
```
#3312ec rgb(51,18,236)
```
#2c08f6
```
#2c08f6 rgb(44,8,246)
```

Tone Color Variation

Below, you can see how #3312ec is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#353535 Achromatopsia 0.005% of the population
#352e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#123bbb Protanomaly 1% of men, 0.01% of women
#123ead Deuteranomaly 6% of men, 0.4% of women
#124293 Tritanomaly 0.01% of the population

#3312ec hex color

#3312ec Color Information

#3312ec Color Conversion

Color Schemes with #3312ec

Alternatives to #3312ec

#3312ec Preview

Shades and Tints of #3312ec

Tones of #3312ec

Color Blindness Simulator