#163a76 hex color

In a RGB color space, hex #163a76 is composed of 8.6% red, 22.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 50.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 217.5 degrees, a saturation of 68.6% and a lightness of 27.5%. #163a76 color hex could be obtained by blending #2c74ec with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 23
- B 46
RGB color chart
- C 81
- M 51
- Y 0
- K 54
CMYK color chart

● #163a76 color description : Dark blue.

The hexadecimal color #163a76 has RGB values of R:22, G:58, B:118 and CMYK values of C:0.81, M:0.51, Y:0, K:0.54. Its decimal value is 1456758.

Hex triplet	163a76	`#163a76`
RGB Decimal	22, 58, 118	`rgb(22,58,118)`
RGB Percent	8.6, 22.7, 46.3	`rgb(8.6%,22.7%,46.3%)`
CMYK	81, 51, 0, 54
HSL	217.5°, 68.6, 27.5	`hsl(217.5,68.6%,27.5%)`
HSV (or HSB)	217.5°, 81.4, 46.3
Web Safe	003366	`#003366`

CIE-LAB	25.273, 10.85, -38.071
XYZ	5.113, 4.504, 17.738
xyY	0.187, 0.165, 4.504
CIE-LCH	25.273, 39.587, 285.907
CIE-LUV	25.273, -11.623, -48.076
Hunter-Lab	21.223, 5.864, -34.698
Binary	00010110, 00111010, 01110110

#163a76
```
#163a76 rgb(22,58,118)
```
#765216
```
#765216 rgb(118,82,22)
```

Complementary Color

#166a76
```
#166a76 rgb(22,106,118)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#221676
```
#221676 rgb(34,22,118)
```

Analogous Color

#6a7616
```
#6a7616 rgb(106,118,22)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#762216
```
#762216 rgb(118,34,22)
```

Split Complementary Color

#3a7616
```
#3a7616 rgb(58,118,22)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#76163a
```
#76163a rgb(118,22,58)
```

Triadic Color

#167652
```
#167652 rgb(22,118,82)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#76163a
```
#76163a rgb(118,22,58)
```
#765216
```
#765216 rgb(118,82,22)
```

Tetradic Color

#0a1a36
```
#0a1a36 rgb(10,26,54)
```
#0e254b
```
#0e254b rgb(14,37,75)
```
#122f61
```
#122f61 rgb(18,47,97)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#1a458b
```
#1a458b rgb(26,69,139)
```
#1e4fa1
```
#1e4fa1 rgb(30,79,161)
```
#225ab6
```
#225ab6 rgb(34,90,182)
```

Monochromatic Color

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

#165276
```
#165276 rgb(22,82,118)
```
#164a76
```
#164a76 rgb(22,74,118)
```
#164276
```
#164276 rgb(22,66,118)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#163276
```
#163276 rgb(22,50,118)
```
#162a76
```
#162a76 rgb(22,42,118)
```
#162276
```
#162276 rgb(22,34,118)
```

Similar Colors

Text with hexadecimal color #163a76

This text has a font color of #163a76.

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

#163a76 background color

This paragraph has a background color of #163a76.

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

#163a76 border color

This element has a border color of #163a76.

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

CSS codes

.text {color:#163a76;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040913
```
#040913 rgb(4,9,19)
```
#071123
```
#071123 rgb(7,17,35)
```
#0a1934
```
#0a1934 rgb(10,25,52)
```
#0d2244
```
#0d2244 rgb(13,34,68)
```
#102a55
```
#102a55 rgb(16,42,85)
```
#133265
```
#133265 rgb(19,50,101)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#194287
```
#194287 rgb(25,66,135)
```
#1c4a97
```
#1c4a97 rgb(28,74,151)
```
#1f52a8
```
#1f52a8 rgb(31,82,168)
```
#225bb8
```
#225bb8 rgb(34,91,184)
```
#2563c9
```
#2563c9 rgb(37,99,201)
```

Shade Color Variation

#2a6bd7
```
#2a6bd7 rgb(42,107,215)
```
#3b77da
```
#3b77da rgb(59,119,218)
```
#4b82de
```
#4b82de rgb(75,130,222)
```
#5c8ee1
```
#5c8ee1 rgb(92,142,225)
```
#6c99e4
```
#6c99e4 rgb(108,153,228)
```
#7da5e7
```
#7da5e7 rgb(125,165,231)
```
#8eb0ea
```
#8eb0ea rgb(142,176,234)
```
#9ebced
```
#9ebced rgb(158,188,237)
```
#afc7f0
```
#afc7f0 rgb(175,199,240)
```
#bfd3f3
```
#bfd3f3 rgb(191,211,243)
```
#d0def6
```
#d0def6 rgb(208,222,246)
```
#e0eaf9
```
#e0eaf9 rgb(224,234,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

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

#41454b
```
#41454b rgb(65,69,75)
```
#3c4350
```
#3c4350 rgb(60,67,80)
```
#364256
```
#364256 rgb(54,66,86)
```
#31415b
```
#31415b rgb(49,65,91)
```
#2c3f60
```
#2c3f60 rgb(44,63,96)
```
#263e66
```
#263e66 rgb(38,62,102)
```
#213d6b
```
#213d6b rgb(33,61,107)
```
#1b3b71
```
#1b3b71 rgb(27,59,113)
```
#163a76
```
#163a76 rgb(22,58,118)
```
#11397b
```
#11397b rgb(17,57,123)
```
#0b3781
```
#0b3781 rgb(11,55,129)
```
#063686
```
#063686 rgb(6,54,134)
```
#00358c
```
#00358c rgb(0,53,140)
```

Tone Color Variation

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

#22447d Protanopia 1% of men
#004775 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#1e407a Protanomaly 1% of men, 0.01% of women
#084275 Deuteranomaly 6% of men, 0.4% of women
#08465e Tritanomaly 0.01% of the population

#163a76 hex color

#163a76 Color Information

#163a76 Color Conversion

Color Schemes with #163a76

Alternatives to #163a76

#163a76 Preview

Shades and Tints of #163a76

Tones of #163a76

Color Blindness Simulator