colorhexa.com

#3163c6 hex color

In a RGB color space, hex #3163c6 is composed of 19.2% red, 38.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 50% magenta, 0% yellow and 22.4% black. It has a hue angle of 219.9 degrees, a saturation of 60.3% and a lightness of 48.4%. #3163c6 color hex could be obtained by blending #62c6ff with #00008d. Closest websafe color is: #3366cc.

- R 19
- G 39
- B 78
RGB color chart
- C 75
- M 50
- Y 0
- K 22
CMYK color chart

● #3163c6 color description : Strong blue.

The hexadecimal color #3163c6 has RGB values of R:49, G:99, B:198 and CMYK values of C:0.75, M:0.5, Y:0, K:0.22. Its decimal value is 3236806.

Hex triplet	3163c6	`#3163c6`
RGB Decimal	49, 99, 198	`rgb(49,99,198)`
RGB Percent	19.2, 38.8, 77.6	`rgb(19.2%,38.8%,77.6%)`
CMYK	75, 50, 0, 22
HSL	219.9°, 60.3, 48.4	`hsl(219.9,60.3%,48.4%)`
HSV (or HSB)	219.9°, 75.3, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.731, 18.152, -56.508
XYZ	15.919, 13.653, 55.219
xyY	0.188, 0.161, 13.653
CIE-LCH	43.731, 59.352, 287.809
CIE-LUV	43.731, -18.778, -85.452
Hunter-Lab	36.95, 12.243, -62.741
Binary	00110001, 01100011, 11000110

#3163c6
```
#3163c6 rgb(49,99,198)
```
#c69431
```
#c69431 rgb(198,148,49)
```

Complementary Color

#31aec6
```
#31aec6 rgb(49,174,198)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#4a31c6
```
#4a31c6 rgb(74,49,198)
```

Analogous Color

#aec631
```
#aec631 rgb(174,198,49)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#c64a31
```
#c64a31 rgb(198,74,49)
```

Split Complementary Color

#63c631
```
#63c631 rgb(99,198,49)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#c63163
```
#c63163 rgb(198,49,99)
```

Triadic Color

#31c694
```
#31c694 rgb(49,198,148)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#c63163
```
#c63163 rgb(198,49,99)
```
#c69431
```
#c69431 rgb(198,148,49)
```

Tetradic Color

#224489
```
#224489 rgb(34,68,137)
```
#274f9d
```
#274f9d rgb(39,79,157)
```
#2c59b2
```
#2c59b2 rgb(44,89,178)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#4171d0
```
#4171d0 rgb(65,113,208)
```
#5580d5
```
#5580d5 rgb(85,128,213)
```
#698fda
```
#698fda rgb(105,143,218)
```

Monochromatic Color

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

#3188c6
```
#3188c6 rgb(49,136,198)
```
#317cc6
```
#317cc6 rgb(49,124,198)
```
#316fc6
```
#316fc6 rgb(49,111,198)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#3157c6
```
#3157c6 rgb(49,87,198)
```
#314ac6
```
#314ac6 rgb(49,74,198)
```
#313ec6
```
#313ec6 rgb(49,62,198)
```

Similar Colors

Text with hexadecimal color #3163c6

This text has a font color of #3163c6.

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

#3163c6 background color

This paragraph has a background color of #3163c6.

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

#3163c6 border color

This element has a border color of #3163c6.

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

CSS codes

.text {color:#3163c6;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060d19
```
#060d19 rgb(6,13,25)
```
#0a1429
```
#0a1429 rgb(10,20,41)
```
#0e1c38
```
#0e1c38 rgb(14,28,56)
```
#122448
```
#122448 rgb(18,36,72)
```
#162c58
```
#162c58 rgb(22,44,88)
```
#1a3468
```
#1a3468 rgb(26,52,104)
```
#1e3c77
```
#1e3c77 rgb(30,60,119)
```
#214487
```
#214487 rgb(33,68,135)
```
#254b97
```
#254b97 rgb(37,75,151)
```
#2953a7
```
#2953a7 rgb(41,83,167)
```
#2d5bb6
```
#2d5bb6 rgb(45,91,182)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```

Shade Color Variation

#3c6dcf
```
#3c6dcf rgb(60,109,207)
```
#4c79d3
```
#4c79d3 rgb(76,121,211)
```
#5b85d6
```
#5b85d6 rgb(91,133,214)
```
#6b90da
```
#6b90da rgb(107,144,218)
```
#7b9cde
```
#7b9cde rgb(123,156,222)
```
#8ba8e2
```
#8ba8e2 rgb(139,168,226)
```
#9ab4e6
```
#9ab4e6 rgb(154,180,230)
```
#aabfea
```
#aabfea rgb(170,191,234)
```
#bacbee
```
#bacbee rgb(186,203,238)
```
#c9d7f2
```
#c9d7f2 rgb(201,215,242)
```
#d9e3f6
```
#d9e3f6 rgb(217,227,246)
```
#e9eefa
```
#e9eefa rgb(233,238,250)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#747984
```
#747984 rgb(116,121,132)
```
#6a768d
```
#6a768d rgb(106,118,141)
```
#617397
```
#617397 rgb(97,115,151)
```
#576fa0
```
#576fa0 rgb(87,111,160)
```
#4e6caa
```
#4e6caa rgb(78,108,170)
```
#4469b3
```
#4469b3 rgb(68,105,179)
```
#3b66bd
```
#3b66bd rgb(59,102,189)
```
#3163c6
```
#3163c6 rgb(49,99,198)
```
#2860d0
```
#2860d0 rgb(40,96,208)
```
#1e5dd9
```
#1e5dd9 rgb(30,93,217)
```
#155ae3
```
#155ae3 rgb(21,90,227)
```
#0b57ec
```
#0b57ec rgb(11,87,236)
```
#0153f6
```
#0153f6 rgb(1,83,246)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#566074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#316cc9 Protanopia 1% of men
#0071ba Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#3168c8 Protanomaly 1% of men, 0.01% of women
#116cbe Deuteranomaly 6% of men, 0.4% of women
#11719a Tritanomaly 0.01% of the population