#3163d5 hex color

In a RGB color space, hex #3163d5 is composed of 19.2% red, 38.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 53.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 221.7 degrees, a saturation of 66.1% and a lightness of 51.4%. #3163d5 color hex could be obtained by blending #62c6ff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 39
- B 84
RGB color chart
- C 77
- M 54
- Y 0
- K 16
CMYK color chart

● #3163d5 color description : Strong blue.

The hexadecimal color #3163d5 has RGB values of R:49, G:99, B:213 and CMYK values of C:0.77, M:0.54, Y:0, K:0.16. Its decimal value is 3236821.

Hex triplet	3163d5	`#3163d5`
RGB Decimal	49, 99, 213	`rgb(49,99,213)`
RGB Percent	19.2, 38.8, 83.5	`rgb(19.2%,38.8%,83.5%)`
CMYK	77, 54, 0, 16
HSL	221.7°, 66.1, 51.4	`hsl(221.7,66.1%,51.4%)`
HSV (or HSB)	221.7°, 77, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.772, 23.772, -63.439
XYZ	17.736, 14.379, 64.788
xyY	0.183, 0.148, 14.379
CIE-LCH	44.772, 67.747, 290.542
CIE-LUV	44.772, -18.626, -96.512
Hunter-Lab	37.92, 17.128, -74.755
Binary	00110001, 01100011, 11010101

#3163d5
```
#3163d5 rgb(49,99,213)
```
#d5a331
```
#d5a331 rgb(213,163,49)
```

Complementary Color

#31b5d5
```
#31b5d5 rgb(49,181,213)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#5131d5
```
#5131d5 rgb(81,49,213)
```

Analogous Color

#b5d531
```
#b5d531 rgb(181,213,49)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#d55131
```
#d55131 rgb(213,81,49)
```

Split Complementary Color

#63d531
```
#63d531 rgb(99,213,49)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#d53163
```
#d53163 rgb(213,49,99)
```

Triadic Color

#31d5a3
```
#31d5a3 rgb(49,213,163)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#d53163
```
#d53163 rgb(213,49,99)
```
#d5a331
```
#d5a331 rgb(213,163,49)
```

Tetradic Color

#1f459a
```
#1f459a rgb(31,69,154)
```
#244eaf
```
#244eaf rgb(36,78,175)
```
#2858c4
```
#2858c4 rgb(40,88,196)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#4673d9
```
#4673d9 rgb(70,115,217)
```
#5b83de
```
#5b83de rgb(91,131,222)
```
#7193e2
```
#7193e2 rgb(113,147,226)
```

Monochromatic Color

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

#318cd5
```
#318cd5 rgb(49,140,213)
```
#317ed5
```
#317ed5 rgb(49,126,213)
```
#3171d5
```
#3171d5 rgb(49,113,213)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#3155d5
```
#3155d5 rgb(49,85,213)
```
#3148d5
```
#3148d5 rgb(49,72,213)
```
#313ad5
```
#313ad5 rgb(49,58,213)
```

Similar Colors

Text with hexadecimal color #3163d5

This text has a font color of #3163d5.

<span style="color:#3163d5;">Text here</span>

#3163d5 background color

This paragraph has a background color of #3163d5.

<p style="background-color:#3163d5;">Content here</p>

#3163d5 border color

This element has a border color of #3163d5.

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

CSS codes

.text {color:#3163d5;}

.background {background-color:#3163d5;}

.border {border:1px solid #3163d5;}

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

#010306
```
#010306 rgb(1,3,6)
```
#050a16
```
#050a16 rgb(5,10,22)
```
#081126
```
#081126 rgb(8,17,38)
```
#0b1837
```
#0b1837 rgb(11,24,55)
```
#0e2047
```
#0e2047 rgb(14,32,71)
```
#122757
```
#122757 rgb(18,39,87)
```
#152e68
```
#152e68 rgb(21,46,104)
```
#183678
```
#183678 rgb(24,54,120)
```
#1c3d88
```
#1c3d88 rgb(28,61,136)
```
#1f4498
```
#1f4498 rgb(31,68,152)
```
#224ba9
```
#224ba9 rgb(34,75,169)
```
#2653b9
```
#2653b9 rgb(38,83,185)
```
#295ac9
```
#295ac9 rgb(41,90,201)
```

Shade Color Variation

#3163d5
```
#3163d5 rgb(49,99,213)
```
#416fd8
```
#416fd8 rgb(65,111,216)
```
#527cdc
```
#527cdc rgb(82,124,220)
```
#6288df
```
#6288df rgb(98,136,223)
```
#7294e2
```
#7294e2 rgb(114,148,226)
```
#82a1e6
```
#82a1e6 rgb(130,161,230)
```
#93ade9
```
#93ade9 rgb(147,173,233)
```
#a3b9ec
```
#a3b9ec rgb(163,185,236)
```
#b3c6f0
```
#b3c6f0 rgb(179,198,240)
```
#c4d2f3
```
#c4d2f3 rgb(196,210,243)
```
#d4def6
```
#d4def6 rgb(212,222,246)
```
#e4ebfa
```
#e4ebfa rgb(228,235,250)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#7d8189
```
#7d8189 rgb(125,129,137)
```
#747d92
```
#747d92 rgb(116,125,146)
```
#6a799c
```
#6a799c rgb(106,121,156)
```
#6176a5
```
#6176a5 rgb(97,118,165)
```
#5772af
```
#5772af rgb(87,114,175)
```
#4e6eb8
```
#4e6eb8 rgb(78,110,184)
```
#446ac2
```
#446ac2 rgb(68,106,194)
```
#3b67cb
```
#3b67cb rgb(59,103,203)
```
#3163d5
```
#3163d5 rgb(49,99,213)
```
#275fdf
```
#275fdf rgb(39,95,223)
```
#1e5ce8
```
#1e5ce8 rgb(30,92,232)
```
#1458f2
```
#1458f2 rgb(20,88,242)
```
#0b54fb
```
#0b54fb rgb(11,84,251)
```

Tone Color Variation

Below, you can see how #3163d5 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

#616161 Achromatopsia 0.005% of the population
#576178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#116ad7 Protanomaly 1% of men, 0.01% of women
#116dc6 Deuteranomaly 6% of men, 0.4% of women
#1173a1 Tritanomaly 0.01% of the population

#3163d5 hex color

#3163d5 Color Information

#3163d5 Color Conversion

Color Schemes with #3163d5

Alternatives to #3163d5

#3163d5 Preview

Shades and Tints of #3163d5

Tones of #3163d5

Color Blindness Simulator