#3314ea hex color

In a RGB color space, hex #3314ea is composed of 20% red, 7.8% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 91.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 248.7 degrees, a saturation of 84.3% and a lightness of 49.8%. #3314ea color hex could be obtained by blending #6628ff with #0000d5. Closest websafe color is: #3300ff.

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

● #3314ea color description : Vivid blue.

The hexadecimal color #3314ea has RGB values of R:51, G:20, B:234 and CMYK values of C:0.78, M:0.91, Y:0, K:0.08. Its decimal value is 3347690.

Hex triplet	3314ea	`#3314ea`
RGB Decimal	51, 20, 234	`rgb(51,20,234)`
RGB Percent	20, 7.8, 91.8	`rgb(20%,7.8%,91.8%)`
CMYK	78, 91, 0, 8
HSL	248.7°, 84.3, 49.8	`hsl(248.7,84.3%,49.8%)`
HSV (or HSB)	248.7°, 91.5, 91.8
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.132, 71.255, -96.235
XYZ	16.464, 7.144, 78.349
xyY	0.161, 0.07, 7.144
CIE-LCH	32.132, 119.743, 306.518
CIE-LUV	32.132, -5.943, -120.752
Hunter-Lab	26.728, 63.18, -155.092
Binary	00110011, 00010100, 11101010

#3314ea
```
#3314ea rgb(51,20,234)
```
#cbea14
```
#cbea14 rgb(203,234,20)
```

Complementary Color

#1460ea
```
#1460ea rgb(20,96,234)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#9e14ea
```
#9e14ea rgb(158,20,234)
```

Analogous Color

#60ea14
```
#60ea14 rgb(96,234,20)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#ea9e14
```
#ea9e14 rgb(234,158,20)
```

Split Complementary Color

#14ea33
```
#14ea33 rgb(20,234,51)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#ea3314
```
#ea3314 rgb(234,51,20)
```

Triadic Color

#14cbea
```
#14cbea rgb(20,203,234)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#ea3314
```
#ea3314 rgb(234,51,20)
```
#cbea14
```
#cbea14 rgb(203,234,20)
```

Tetradic Color

#240ea4
```
#240ea4 rgb(36,14,164)
```
#2910bb
```
#2910bb rgb(41,16,187)
```
#2e12d3
```
#2e12d3 rgb(46,18,211)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#472bed
```
#472bed rgb(71,43,237)
```
#5b42ef
```
#5b42ef rgb(91,66,239)
```
#705af1
```
#705af1 rgb(112,90,241)
```

Monochromatic Color

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

#142bea
```
#142bea rgb(20,43,234)
```
#1419ea
```
#1419ea rgb(20,25,234)
```
#2114ea
```
#2114ea rgb(33,20,234)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#4514ea
```
#4514ea rgb(69,20,234)
```
#5714ea
```
#5714ea rgb(87,20,234)
```
#6914ea
```
#6914ea rgb(105,20,234)
```

Similar Colors

Text with hexadecimal color #3314ea

This text has a font color of #3314ea.

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

#3314ea background color

This paragraph has a background color of #3314ea.

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

#3314ea border color

This element has a border color of #3314ea.

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

CSS codes

.text {color:#3314ea;}

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

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

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)
```
#080323
```
#080323 rgb(8,3,35)
```
#0c0535
```
#0c0535 rgb(12,5,53)
```
#100647
```
#100647 rgb(16,6,71)
```
#130859
```
#130859 rgb(19,8,89)
```
#17096c
```
#17096c rgb(23,9,108)
```
#1b0b7e
```
#1b0b7e rgb(27,11,126)
```
#1f0c90
```
#1f0c90 rgb(31,12,144)
```
#230ea2
```
#230ea2 rgb(35,14,162)
```
#270fb4
```
#270fb4 rgb(39,15,180)
```
#2b11c6
```
#2b11c6 rgb(43,17,198)
```
#2f12d8
```
#2f12d8 rgb(47,18,216)
```
#3314ea
```
#3314ea rgb(51,20,234)
```

Shade Color Variation

#4225ec
```
#4225ec rgb(66,37,236)
```
#5237ee
```
#5237ee rgb(82,55,238)
```
#6149ef
```
#6149ef rgb(97,73,239)
```
#715bf1
```
#715bf1 rgb(113,91,241)
```
#816ef3
```
#816ef3 rgb(129,110,243)
```
#9080f4
```
#9080f4 rgb(144,128,244)
```
#a092f6
```
#a092f6 rgb(160,146,246)
```
#b0a4f7
```
#b0a4f7 rgb(176,164,247)
```
#bfb6f9
```
#bfb6f9 rgb(191,182,249)
```
#cfc8fa
```
#cfc8fa rgb(207,200,250)
```
#dfdafc
```
#dfdafc rgb(223,218,252)
```
#efecfd
```
#efecfd rgb(239,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787688 is the less saturated color, while #2500fe is the most saturated one.

#787688
```
#787688 rgb(120,118,136)
```
#716c92
```
#716c92 rgb(113,108,146)
```
#6b629c
```
#6b629c rgb(107,98,156)
```
#6458a6
```
#6458a6 rgb(100,88,166)
```
#5d4faf
```
#5d4faf rgb(93,79,175)
```
#5645b9
```
#5645b9 rgb(86,69,185)
```
#4f3bc3
```
#4f3bc3 rgb(79,59,195)
```
#4831cd
```
#4831cd rgb(72,49,205)
```
#4128d6
```
#4128d6 rgb(65,40,214)
```
#3a1ee0
```
#3a1ee0 rgb(58,30,224)
```
#3314ea
```
#3314ea rgb(51,20,234)
```
#2c0af4
```
#2c0af4 rgb(44,10,244)
```
#2500fe
```
#2500fe rgb(37,0,254)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#352f5a 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

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

#3314ea hex color

#3314ea Color Information

#3314ea Color Conversion

Color Schemes with #3314ea

Alternatives to #3314ea

#3314ea Preview

Shades and Tints of #3314ea

Tones of #3314ea

Color Blindness Simulator