#3314e8 hex color

In a RGB color space, hex #3314e8 is composed of 20% red, 7.8% green and 91% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 91.4% magenta, 0% yellow and 9% black. It has a hue angle of 248.8 degrees, a saturation of 84.1% and a lightness of 49.4%. #3314e8 color hex could be obtained by blending #6628ff with #0000d1. Closest websafe color is: #3300ff.

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

● #3314e8 color description : Vivid blue.

The hexadecimal color #3314e8 has RGB values of R:51, G:20, B:232 and CMYK values of C:0.78, M:0.91, Y:0, K:0.09. Its decimal value is 3347688.

Hex triplet	3314e8	`#3314e8`
RGB Decimal	51, 20, 232	`rgb(51,20,232)`
RGB Percent	20, 7.8, 91	`rgb(20%,7.8%,91%)`
CMYK	78, 91, 0, 9
HSL	248.8°, 84.1, 49.4	`hsl(248.8,84.1%,49.4%)`
HSV (or HSB)	248.8°, 91.4, 91
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.874, 70.746, -95.525
XYZ	16.178, 7.029, 76.844
xyY	0.162, 0.07, 7.029
CIE-LCH	31.874, 118.87, 306.524
CIE-LUV	31.874, -5.832, -119.619
Hunter-Lab	26.513, 62.523, -153.285
Binary	00110011, 00010100, 11101000

#3314e8
```
#3314e8 rgb(51,20,232)
```
#c9e814
```
#c9e814 rgb(201,232,20)
```

Complementary Color

#145fe8
```
#145fe8 rgb(20,95,232)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#9d14e8
```
#9d14e8 rgb(157,20,232)
```

Analogous Color

#5fe814
```
#5fe814 rgb(95,232,20)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#e89d14
```
#e89d14 rgb(232,157,20)
```

Split Complementary Color

#14e833
```
#14e833 rgb(20,232,51)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#e83314
```
#e83314 rgb(232,51,20)
```

Triadic Color

#14c9e8
```
#14c9e8 rgb(20,201,232)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#e83314
```
#e83314 rgb(232,51,20)
```
#c9e814
```
#c9e814 rgb(201,232,20)
```

Tetradic Color

#240ea2
```
#240ea2 rgb(36,14,162)
```
#2910b9
```
#2910b9 rgb(41,16,185)
```
#2e12d1
```
#2e12d1 rgb(46,18,209)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#4629ed
```
#4629ed rgb(70,41,237)
```
#5a40ef
```
#5a40ef rgb(90,64,239)
```
#6e58f1
```
#6e58f1 rgb(110,88,241)
```

Monochromatic Color

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

#142ae8
```
#142ae8 rgb(20,42,232)
```
#1418e8
```
#1418e8 rgb(20,24,232)
```
#2114e8
```
#2114e8 rgb(33,20,232)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#4514e8
```
#4514e8 rgb(69,20,232)
```
#5614e8
```
#5614e8 rgb(86,20,232)
```
#6814e8
```
#6814e8 rgb(104,20,232)
```

Similar Colors

Text with hexadecimal color #3314e8

This text has a font color of #3314e8.

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

#3314e8 background color

This paragraph has a background color of #3314e8.

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

#3314e8 border color

This element has a border color of #3314e8.

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

CSS codes

.text {color:#3314e8;}

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

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

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)
```
#070321
```
#070321 rgb(7,3,33)
```
#0b0433
```
#0b0433 rgb(11,4,51)
```
#0f0645
```
#0f0645 rgb(15,6,69)
```
#130858
```
#130858 rgb(19,8,88)
```
#17096a
```
#17096a rgb(23,9,106)
```
#1b0b7c
```
#1b0b7c rgb(27,11,124)
```
#1f0c8e
```
#1f0c8e rgb(31,12,142)
```
#230ea0
```
#230ea0 rgb(35,14,160)
```
#270fb2
```
#270fb2 rgb(39,15,178)
```
#2b11c4
```
#2b11c4 rgb(43,17,196)
```
#2f12d6
```
#2f12d6 rgb(47,18,214)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```

Shade Color Variation

#4124ec
```
#4124ec rgb(65,36,236)
```
#5136ee
```
#5136ee rgb(81,54,238)
```
#6048ef
```
#6048ef rgb(96,72,239)
```
#705af1
```
#705af1 rgb(112,90,241)
```
#7f6cf2
```
#7f6cf2 rgb(127,108,242)
```
#8f7ef4
```
#8f7ef4 rgb(143,126,244)
```
#9f90f5
```
#9f90f5 rgb(159,144,245)
```
#aea2f7
```
#aea2f7 rgb(174,162,247)
```
#beb4f9
```
#beb4f9 rgb(190,180,249)
```
#cec6fa
```
#cec6fa rgb(206,198,250)
```
#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, #787587 is the less saturated color, while #2501fb is the most saturated one.

#787587
```
#787587 rgb(120,117,135)
```
#716b91
```
#716b91 rgb(113,107,145)
```
#6a629a
```
#6a629a rgb(106,98,154)
```
#6358a4
```
#6358a4 rgb(99,88,164)
```
#5c4eae
```
#5c4eae rgb(92,78,174)
```
#5544b8
```
#5544b8 rgb(85,68,184)
```
#4e3bc1
```
#4e3bc1 rgb(78,59,193)
```
#4831cb
```
#4831cb rgb(72,49,203)
```
#4127d5
```
#4127d5 rgb(65,39,213)
```
#3a1ede
```
#3a1ede rgb(58,30,222)
```
#3314e8
```
#3314e8 rgb(51,20,232)
```
#2c0af2
```
#2c0af2 rgb(44,10,242)
```
#2501fb
```
#2501fb rgb(37,1,251)
```

Tone Color Variation

Below, you can see how #3314e8 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
#352e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#123bb9 Protanomaly 1% of men, 0.01% of women
#123eab Deuteranomaly 6% of men, 0.4% of women
#124291 Tritanomaly 0.01% of the population

#3314e8 hex color

#3314e8 Color Information

#3314e8 Color Conversion

Color Schemes with #3314e8

Alternatives to #3314e8

#3314e8 Preview

Shades and Tints of #3314e8

Tones of #3314e8

Color Blindness Simulator