#3314d8 hex color

In a RGB color space, hex #3314d8 is composed of 20% red, 7.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 90.7% magenta, 0% yellow and 15.3% black. It has a hue angle of 249.5 degrees, a saturation of 83.1% and a lightness of 46.3%. #3314d8 color hex could be obtained by blending #6628ff with #0000b1. Closest websafe color is: #3300cc.

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

● #3314d8 color description : Strong blue.

The hexadecimal color #3314d8 has RGB values of R:51, G:20, B:216 and CMYK values of C:0.76, M:0.91, Y:0, K:0.15. Its decimal value is 3347672.

Hex triplet	3314d8	`#3314d8`
RGB Decimal	51, 20, 216	`rgb(51,20,216)`
RGB Percent	20, 7.8, 84.7	`rgb(20%,7.8%,84.7%)`
CMYK	76, 91, 0, 15
HSL	249.5°, 83.1, 46.3	`hsl(249.5,83.1%,46.3%)`
HSV (or HSB)	249.5°, 90.7, 84.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.815, 66.626, -89.766
XYZ	14.008, 6.161, 65.413
xyY	0.164, 0.072, 6.161
CIE-LCH	29.815, 111.79, 306.584
CIE-LUV	29.815, -4.928, -110.516
Hunter-Lab	24.822, 57.295, -138.873
Binary	00110011, 00010100, 11011000

#3314d8
```
#3314d8 rgb(51,20,216)
```
#b9d814
```
#b9d814 rgb(185,216,20)
```

Complementary Color

#1457d8
```
#1457d8 rgb(20,87,216)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#9514d8
```
#9514d8 rgb(149,20,216)
```

Analogous Color

#57d814
```
#57d814 rgb(87,216,20)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#d89514
```
#d89514 rgb(216,149,20)
```

Split Complementary Color

#14d833
```
#14d833 rgb(20,216,51)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#d83314
```
#d83314 rgb(216,51,20)
```

Triadic Color

#14b9d8
```
#14b9d8 rgb(20,185,216)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#d83314
```
#d83314 rgb(216,51,20)
```
#b9d814
```
#b9d814 rgb(185,216,20)
```

Tetradic Color

#220e92
```
#220e92 rgb(34,14,146)
```
#2810a9
```
#2810a9 rgb(40,16,169)
```
#2d12c1
```
#2d12c1 rgb(45,18,193)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#3c1cea
```
#3c1cea rgb(60,28,234)
```
#5033ec
```
#5033ec rgb(80,51,236)
```
#644aee
```
#644aee rgb(100,74,238)
```

Monochromatic Color

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

#1426d8
```
#1426d8 rgb(20,38,216)
```
#1416d8
```
#1416d8 rgb(20,22,216)
```
#2314d8
```
#2314d8 rgb(35,20,216)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#4314d8
```
#4314d8 rgb(67,20,216)
```
#5414d8
```
#5414d8 rgb(84,20,216)
```
#6414d8
```
#6414d8 rgb(100,20,216)
```

Similar Colors

Text with hexadecimal color #3314d8

This text has a font color of #3314d8.

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

#3314d8 background color

This paragraph has a background color of #3314d8.

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

#3314d8 border color

This element has a border color of #3314d8.

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

CSS codes

.text {color:#3314d8;}

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

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

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, #000001 is the darkest color, while #f0eefd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040213
```
#040213 rgb(4,2,19)
```
#090324
```
#090324 rgb(9,3,36)
```
#0d0536
```
#0d0536 rgb(13,5,54)
```
#110748
```
#110748 rgb(17,7,72)
```
#15085a
```
#15085a rgb(21,8,90)
```
#1a0a6c
```
#1a0a6c rgb(26,10,108)
```
#1e0c7e
```
#1e0c7e rgb(30,12,126)
```
#220d90
```
#220d90 rgb(34,13,144)
```
#260fa2
```
#260fa2 rgb(38,15,162)
```
#2b11b4
```
#2b11b4 rgb(43,17,180)
```
#2f12c6
```
#2f12c6 rgb(47,18,198)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```

Shade Color Variation

#3816e9
```
#3816e9 rgb(56,22,233)
```
#4728eb
```
#4728eb rgb(71,40,235)
```
#563aed
```
#563aed rgb(86,58,237)
```
#664cee
```
#664cee rgb(102,76,238)
```
#755ef0
```
#755ef0 rgb(117,94,240)
```
#8470f2
```
#8470f2 rgb(132,112,242)
```
#9482f3
```
#9482f3 rgb(148,130,243)
```
#a394f5
```
#a394f5 rgb(163,148,245)
```
#b3a6f7
```
#b3a6f7 rgb(179,166,247)
```
#c2b8f8
```
#c2b8f8 rgb(194,184,248)
```
#d1cafa
```
#d1cafa rgb(209,202,250)
```
#e1dcfc
```
#e1dcfc rgb(225,220,252)
```
#f0eefd
```
#f0eefd rgb(240,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716f7d is the less saturated color, while #2702ea is the most saturated one.

#716f7d
```
#716f7d rgb(113,111,125)
```
#6b6686
```
#6b6686 rgb(107,102,134)
```
#655d8f
```
#655d8f rgb(101,93,143)
```
#5e5498
```
#5e5498 rgb(94,84,152)
```
#584aa2
```
#584aa2 rgb(88,74,162)
```
#5241ab
```
#5241ab rgb(82,65,171)
```
#4c38b4
```
#4c38b4 rgb(76,56,180)
```
#462fbd
```
#462fbd rgb(70,47,189)
```
#3f26c6
```
#3f26c6 rgb(63,38,198)
```
#391dcf
```
#391dcf rgb(57,29,207)
```
#3314d8
```
#3314d8 rgb(51,20,216)
```
#2d0be1
```
#2d0be1 rgb(45,11,225)
```
#2702ea
```
#2702ea rgb(39,2,234)
```

Tone Color Variation

Below, you can see how #3314d8 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
#342e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#1238ae Protanomaly 1% of men, 0.01% of women
#123ba1 Deuteranomaly 6% of men, 0.4% of women
#123f88 Tritanomaly 0.01% of the population

#3314d8 hex color

#3314d8 Color Information

#3314d8 Color Conversion

Color Schemes with #3314d8

Alternatives to #3314d8

#3314d8 Preview

Shades and Tints of #3314d8

Tones of #3314d8

Color Blindness Simulator