#163a78 hex color

In a RGB color space, hex #163a78 is composed of 8.6% red, 22.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 51.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 218 degrees, a saturation of 69% and a lightness of 27.8%. #163a78 color hex could be obtained by blending #2c74f0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 23
- B 47
RGB color chart
- C 82
- M 52
- Y 0
- K 53
CMYK color chart

● #163a78 color description : Dark blue.

The hexadecimal color #163a78 has RGB values of R:22, G:58, B:120 and CMYK values of C:0.82, M:0.52, Y:0, K:0.53. Its decimal value is 1456760.

Hex triplet	163a78	`#163a78`
RGB Decimal	22, 58, 120	`rgb(22,58,120)`
RGB Percent	8.6, 22.7, 47.1	`rgb(8.6%,22.7%,47.1%)`
CMYK	82, 52, 0, 53
HSL	218°, 69, 27.8	`hsl(218,69%,27.8%)`
HSV (or HSB)	218°, 81.7, 47.1
Web Safe	003366	`#003366`

CIE-LAB	25.419, 11.686, -39.103
XYZ	5.233, 4.552, 18.371
xyY	0.186, 0.162, 4.552
CIE-LCH	25.419, 40.811, 286.639
CIE-LUV	25.419, -11.599, -49.509
Hunter-Lab	21.336, 6.444, -36.115
Binary	00010110, 00111010, 01111000

#163a78
```
#163a78 rgb(22,58,120)
```
#785416
```
#785416 rgb(120,84,22)
```

Complementary Color

#166b78
```
#166b78 rgb(22,107,120)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#231678
```
#231678 rgb(35,22,120)
```

Analogous Color

#6b7816
```
#6b7816 rgb(107,120,22)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#782316
```
#782316 rgb(120,35,22)
```

Split Complementary Color

#3a7816
```
#3a7816 rgb(58,120,22)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#78163a
```
#78163a rgb(120,22,58)
```

Triadic Color

#167854
```
#167854 rgb(22,120,84)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#78163a
```
#78163a rgb(120,22,58)
```
#785416
```
#785416 rgb(120,84,22)
```

Tetradic Color

#0a1b37
```
#0a1b37 rgb(10,27,55)
```
#0e254d
```
#0e254d rgb(14,37,77)
```
#123062
```
#123062 rgb(18,48,98)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#1a448e
```
#1a448e rgb(26,68,142)
```
#1e4fa3
```
#1e4fa3 rgb(30,79,163)
```
#2259b9
```
#2259b9 rgb(34,89,185)
```

Monochromatic Color

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

#165378
```
#165378 rgb(22,83,120)
```
#164a78
```
#164a78 rgb(22,74,120)
```
#164278
```
#164278 rgb(22,66,120)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#163278
```
#163278 rgb(22,50,120)
```
#162a78
```
#162a78 rgb(22,42,120)
```
#162278
```
#162278 rgb(22,34,120)
```

Similar Colors

Text with hexadecimal color #163a78

This text has a font color of #163a78.

<span style="color:#163a78;">Text here</span>

#163a78 background color

This paragraph has a background color of #163a78.

<p style="background-color:#163a78;">Content here</p>

#163a78 border color

This element has a border color of #163a78.

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

CSS codes

.text {color:#163a78;}

.background {background-color:#163a78;}

.border {border:1px solid #163a78;}

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

#010204
```
#010204 rgb(1,2,4)
```
#040a15
```
#040a15 rgb(4,10,21)
```
#071225
```
#071225 rgb(7,18,37)
```
#0a1a36
```
#0a1a36 rgb(10,26,54)
```
#0d2246
```
#0d2246 rgb(13,34,70)
```
#102a57
```
#102a57 rgb(16,42,87)
```
#133267
```
#133267 rgb(19,50,103)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#194289
```
#194289 rgb(25,66,137)
```
#1c4a99
```
#1c4a99 rgb(28,74,153)
```
#1f52aa
```
#1f52aa rgb(31,82,170)
```
#225aba
```
#225aba rgb(34,90,186)
```
#2562cb
```
#2562cb rgb(37,98,203)
```

Shade Color Variation

#2b6bd8
```
#2b6bd8 rgb(43,107,216)
```
#3c77db
```
#3c77db rgb(60,119,219)
```
#4d82de
```
#4d82de rgb(77,130,222)
```
#5d8ee1
```
#5d8ee1 rgb(93,142,225)
```
#6e99e4
```
#6e99e4 rgb(110,153,228)
```
#7ea5e7
```
#7ea5e7 rgb(126,165,231)
```
#8fb1ea
```
#8fb1ea rgb(143,177,234)
```
#a0bced
```
#a0bced rgb(160,188,237)
```
#b0c8f1
```
#b0c8f1 rgb(176,200,241)
```
#c1d3f4
```
#c1d3f4 rgb(193,211,244)
```
#d1dff7
```
#d1dff7 rgb(209,223,247)
```
#e2ebfa
```
#e2ebfa rgb(226,235,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42464c is the less saturated color, while #00348e is the most saturated one.

#42464c
```
#42464c rgb(66,70,76)
```
#3c4452
```
#3c4452 rgb(60,68,82)
```
#374357
```
#374357 rgb(55,67,87)
```
#31415d
```
#31415d rgb(49,65,93)
```
#2c4062
```
#2c4062 rgb(44,64,98)
```
#263e68
```
#263e68 rgb(38,62,104)
```
#213d6d
```
#213d6d rgb(33,61,109)
```
#1b3b73
```
#1b3b73 rgb(27,59,115)
```
#163a78
```
#163a78 rgb(22,58,120)
```
#11397d
```
#11397d rgb(17,57,125)
```
#0b3783
```
#0b3783 rgb(11,55,131)
```
#063688
```
#063688 rgb(6,54,136)
```
#00348e
```
#00348e rgb(0,52,142)
```

Tone Color Variation

Below, you can see how #163a78 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

#363636 Achromatopsia 0.005% of the population
#303743 Atypical Achromatopsia 0.001% of the population

Dichromacy

#20447f Protanopia 1% of men
#004776 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#1c407c Protanomaly 1% of men, 0.01% of women
#084276 Deuteranomaly 6% of men, 0.4% of women
#08465f Tritanomaly 0.01% of the population

#163a78 hex color

#163a78 Color Information

#163a78 Color Conversion

Color Schemes with #163a78

Alternatives to #163a78

#163a78 Preview

Shades and Tints of #163a78

Tones of #163a78

Color Blindness Simulator