#3316dc hex color

In a RGB color space, hex #3316dc is composed of 20% red, 8.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 90% magenta, 0% yellow and 13.7% black. It has a hue angle of 248.8 degrees, a saturation of 81.8% and a lightness of 47.5%. #3316dc color hex could be obtained by blending #662cff with #0000b9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 20
- G 9
- B 86
RGB color chart
- C 77
- M 90
- Y 0
- K 14
CMYK color chart

● #3316dc color description : Vivid blue.

The hexadecimal color #3316dc has RGB values of R:51, G:22, B:220 and CMYK values of C:0.77, M:0.9, Y:0, K:0.14. Its decimal value is 3348188.

Hex triplet	3316dc	`#3316dc`
RGB Decimal	51, 22, 220	`rgb(51,22,220)`
RGB Percent	20, 8.6, 86.3	`rgb(20%,8.6%,86.3%)`
CMYK	77, 90, 0, 14
HSL	248.8°, 81.8, 47.5	`hsl(248.8,81.8%,47.5%)`
HSV (or HSB)	248.8°, 90, 86.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.506, 67.124, -90.924
XYZ	14.568, 6.444, 68.182
xyY	0.163, 0.072, 6.444
CIE-LCH	30.506, 113.016, 306.436
CIE-LUV	30.506, -5.276, -112.896
Hunter-Lab	25.385, 58.013, -141.478
Binary	00110011, 00010110, 11011100

#3316dc
```
#3316dc rgb(51,22,220)
```
#bfdc16
```
#bfdc16 rgb(191,220,22)
```

Complementary Color

#165cdc
```
#165cdc rgb(22,92,220)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#9616dc
```
#9616dc rgb(150,22,220)
```

Analogous Color

#5cdc16
```
#5cdc16 rgb(92,220,22)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#dc9616
```
#dc9616 rgb(220,150,22)
```

Split Complementary Color

#16dc33
```
#16dc33 rgb(22,220,51)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#dc3316
```
#dc3316 rgb(220,51,22)
```

Triadic Color

#16bfdc
```
#16bfdc rgb(22,191,220)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#dc3316
```
#dc3316 rgb(220,51,22)
```
#bfdc16
```
#bfdc16 rgb(191,220,22)
```

Tetradic Color

#230f96
```
#230f96 rgb(35,15,150)
```
#2811ae
```
#2811ae rgb(40,17,174)
```
#2e14c5
```
#2e14c5 rgb(46,20,197)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#4023e9
```
#4023e9 rgb(64,35,233)
```
#543aeb
```
#543aeb rgb(84,58,235)
```
#6851ee
```
#6851ee rgb(104,81,238)
```

Monochromatic Color

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

#162bdc
```
#162bdc rgb(22,43,220)
```
#161adc
```
#161adc rgb(22,26,220)
```
#2316dc
```
#2316dc rgb(35,22,220)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#4316dc
```
#4316dc rgb(67,22,220)
```
#5416dc
```
#5416dc rgb(84,22,220)
```
#6516dc
```
#6516dc rgb(101,22,220)
```

Similar Colors

Text with hexadecimal color #3316dc

This text has a font color of #3316dc.

<span style="color:#3316dc;">Text here</span>

#3316dc background color

This paragraph has a background color of #3316dc.

<p style="background-color:#3316dc;">Content here</p>

#3316dc border color

This element has a border color of #3316dc.

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

CSS codes

.text {color:#3316dc;}

.background {background-color:#3316dc;}

.border {border:1px solid #3316dc;}

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

#010106
```
#010106 rgb(1,1,6)
```
#060218
```
#060218 rgb(6,2,24)
```
#0a042a
```
#0a042a rgb(10,4,42)
```
#0e063c
```
#0e063c rgb(14,6,60)
```
#12084d
```
#12084d rgb(18,8,77)
```
#160a5f
```
#160a5f rgb(22,10,95)
```
#1a0b71
```
#1a0b71 rgb(26,11,113)
```
#1e0d83
```
#1e0d83 rgb(30,13,131)
```
#220f95
```
#220f95 rgb(34,15,149)
```
#2711a7
```
#2711a7 rgb(39,17,167)
```
#2b12b8
```
#2b12b8 rgb(43,18,184)
```
#2f14ca
```
#2f14ca rgb(47,20,202)
```
#3316dc
```
#3316dc rgb(51,22,220)
```

Shade Color Variation

#3b1de8
```
#3b1de8 rgb(59,29,232)
```
#4a2fea
```
#4a2fea rgb(74,47,234)
```
#5a41ec
```
#5a41ec rgb(90,65,236)
```
#6953ee
```
#6953ee rgb(105,83,238)
```
#7965f0
```
#7965f0 rgb(121,101,240)
```
#8876f1
```
#8876f1 rgb(136,118,241)
```
#9888f3
```
#9888f3 rgb(152,136,243)
```
#a79af5
```
#a79af5 rgb(167,154,245)
```
#b7acf7
```
#b7acf7 rgb(183,172,247)
```
#c6bef8
```
#c6bef8 rgb(198,190,248)
```
#d6d0fa
```
#d6d0fa rgb(214,208,250)
```
#e5e1fc
```
#e5e1fc rgb(229,225,252)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75737f is the less saturated color, while #2603ef is the most saturated one.

#75737f
```
#75737f rgb(117,115,127)
```
#6e6a88
```
#6e6a88 rgb(110,106,136)
```
#686092
```
#686092 rgb(104,96,146)
```
#61579b
```
#61579b rgb(97,87,155)
```
#5a4ea4
```
#5a4ea4 rgb(90,78,164)
```
#5445ad
```
#5445ad rgb(84,69,173)
```
#4d3bb7
```
#4d3bb7 rgb(77,59,183)
```
#4732c0
```
#4732c0 rgb(71,50,192)
```
#4029c9
```
#4029c9 rgb(64,41,201)
```
#3a1fd3
```
#3a1fd3 rgb(58,31,211)
```
#3316dc
```
#3316dc rgb(51,22,220)
```
#2c0de5
```
#2c0de5 rgb(44,13,229)
```
#2603ef
```
#2603ef rgb(38,3,239)
```

Tone Color Variation

Below, you can see how #3316dc 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
#352f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#123ab1 Protanomaly 1% of men, 0.01% of women
#123da4 Deuteranomaly 6% of men, 0.4% of women
#12408b Tritanomaly 0.01% of the population

#3316dc hex color

#3316dc Color Information

#3316dc Color Conversion

Color Schemes with #3316dc

Alternatives to #3316dc

#3316dc Preview

Shades and Tints of #3316dc

Tones of #3316dc

Color Blindness Simulator