#3312ea hex color

In a RGB color space, hex #3312ea is composed of 20% red, 7.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 92.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 249.2 degrees, a saturation of 85.7% and a lightness of 49.4%. #3312ea color hex could be obtained by blending #6624ff with #0000d5. Closest websafe color is: #3300ff.

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

● #3312ea color description : Vivid blue.

The hexadecimal color #3312ea has RGB values of R:51, G:18, B:234 and CMYK values of C:0.78, M:0.92, Y:0, K:0.08. Its decimal value is 3347178.

Hex triplet	3312ea	`#3312ea`
RGB Decimal	51, 18, 234	`rgb(51,18,234)`
RGB Percent	20, 7.1, 91.8	`rgb(20%,7.1%,91.8%)`
CMYK	78, 92, 0, 8
HSL	249.2°, 85.7, 49.4	`hsl(249.2,85.7%,49.4%)`
HSV (or HSB)	249.2°, 92.3, 91.8
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.979, 71.722, -96.489
XYZ	16.43, 7.076, 78.337
xyY	0.161, 0.069, 7.076
CIE-LCH	31.979, 120.225, 306.624
CIE-LUV	31.979, -5.841, -120.662
Hunter-Lab	26.601, 63.7, -155.985
Binary	00110011, 00010010, 11101010

#3312ea
```
#3312ea rgb(51,18,234)
```
#c9ea12
```
#c9ea12 rgb(201,234,18)
```

Complementary Color

#125dea
```
#125dea rgb(18,93,234)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#9f12ea
```
#9f12ea rgb(159,18,234)
```

Analogous Color

#5dea12
```
#5dea12 rgb(93,234,18)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#ea9f12
```
#ea9f12 rgb(234,159,18)
```

Split Complementary Color

#12ea33
```
#12ea33 rgb(18,234,51)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#ea3312
```
#ea3312 rgb(234,51,18)
```

Triadic Color

#12c9ea
```
#12c9ea rgb(18,201,234)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#ea3312
```
#ea3312 rgb(234,51,18)
```
#c9ea12
```
#c9ea12 rgb(201,234,18)
```

Tetradic Color

#240da3
```
#240da3 rgb(36,13,163)
```
#290ebb
```
#290ebb rgb(41,14,187)
```
#2e10d2
```
#2e10d2 rgb(46,16,210)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#4627ee
```
#4627ee rgb(70,39,238)
```
#5a3ff0
```
#5a3ff0 rgb(90,63,240)
```
#6e56f2
```
#6e56f2 rgb(110,86,242)
```

Monochromatic Color

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

#1227ea
```
#1227ea rgb(18,39,234)
```
#1215ea
```
#1215ea rgb(18,21,234)
```
#2112ea
```
#2112ea rgb(33,18,234)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#4512ea
```
#4512ea rgb(69,18,234)
```
#5712ea
```
#5712ea rgb(87,18,234)
```
#6912ea
```
#6912ea rgb(105,18,234)
```

Similar Colors

Text with hexadecimal color #3312ea

This text has a font color of #3312ea.

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

#3312ea background color

This paragraph has a background color of #3312ea.

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

#3312ea border color

This element has a border color of #3312ea.

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

CSS codes

.text {color:#3312ea;}

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

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

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, #03010f is the darkest color, while #fdfcff is the lightest one.

#03010f
```
#03010f rgb(3,1,15)
```
#070322
```
#070322 rgb(7,3,34)
```
#0b0434
```
#0b0434 rgb(11,4,52)
```
#0f0546
```
#0f0546 rgb(15,5,70)
```
#130758
```
#130758 rgb(19,7,88)
```
#17086b
```
#17086b rgb(23,8,107)
```
#1b0a7d
```
#1b0a7d rgb(27,10,125)
```
#1f0b8f
```
#1f0b8f rgb(31,11,143)
```
#230ca1
```
#230ca1 rgb(35,12,161)
```
#270eb3
```
#270eb3 rgb(39,14,179)
```
#2b0fc6
```
#2b0fc6 rgb(43,15,198)
```
#2f11d8
```
#2f11d8 rgb(47,17,216)
```
#3312ea
```
#3312ea rgb(51,18,234)
```

Shade Color Variation

#4122ee
```
#4122ee rgb(65,34,238)
```
#5134ef
```
#5134ef rgb(81,52,239)
```
#6046f1
```
#6046f1 rgb(96,70,241)
```
#7058f2
```
#7058f2 rgb(112,88,242)
```
#7f6bf4
```
#7f6bf4 rgb(127,107,244)
```
#8f7df5
```
#8f7df5 rgb(143,125,245)
```
#9f8ff6
```
#9f8ff6 rgb(159,143,246)
```
#aea1f8
```
#aea1f8 rgb(174,161,248)
```
#beb3f9
```
#beb3f9 rgb(190,179,249)
```
#cec6fb
```
#cec6fb rgb(206,198,251)
```
#ddd8fc
```
#ddd8fc rgb(221,216,252)
```
#edeafd
```
#edeafd rgb(237,234,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#7d7d7f
```
#7d7d7f rgb(125,125,127)
```
#767389
```
#767389 rgb(118,115,137)
```
#706993
```
#706993 rgb(112,105,147)
```
#69609c
```
#69609c rgb(105,96,156)
```
#6256a6
```
#6256a6 rgb(98,86,166)
```
#5b4cb0
```
#5b4cb0 rgb(91,76,176)
```
#5542ba
```
#5542ba rgb(85,66,186)
```
#4e39c3
```
#4e39c3 rgb(78,57,195)
```
#472fcd
```
#472fcd rgb(71,47,205)
```
#4025d7
```
#4025d7 rgb(64,37,215)
```
#3a1ce0
```
#3a1ce0 rgb(58,28,224)
```
#3312ea
```
#3312ea rgb(51,18,234)
```
#2c08f4
```
#2c08f4 rgb(44,8,244)
```

Tone Color Variation

Below, you can see how #3312ea 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

#343434 Achromatopsia 0.005% of the population
#342d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#123aba Protanomaly 1% of men, 0.01% of women
#123eac Deuteranomaly 6% of men, 0.4% of women
#124192 Tritanomaly 0.01% of the population

#3312ea hex color

#3312ea Color Information

#3312ea Color Conversion

Color Schemes with #3312ea

Alternatives to #3312ea

#3312ea Preview

Shades and Tints of #3312ea

Tones of #3312ea

Color Blindness Simulator