#163a56 hex color

In a RGB color space, hex #163a56 is composed of 8.6% red, 22.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 32.6% magenta, 0% yellow and 66.3% black. It has a hue angle of 206.3 degrees, a saturation of 59.3% and a lightness of 21.2%. #163a56 color hex could be obtained by blending #2c74ac with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 23
- B 34
RGB color chart
- C 74
- M 33
- Y 0
- K 66
CMYK color chart

● #163a56 color description : Very dark blue.

The hexadecimal color #163a56 has RGB values of R:22, G:58, B:86 and CMYK values of C:0.74, M:0.33, Y:0, K:0.66. Its decimal value is 1456726.

Hex triplet	163a56	`#163a56`
RGB Decimal	22, 58, 86	`rgb(22,58,86)`
RGB Percent	8.6, 22.7, 33.7	`rgb(8.6%,22.7%,33.7%)`
CMYK	74, 33, 0, 66
HSL	206.3°, 59.3, 21.2	`hsl(206.3,59.3%,21.2%)`
HSV (or HSB)	206.3°, 74.4, 33.7
Web Safe	003366	`#003366`

CIE-LAB	23.231, -2.386, -20.642
XYZ	3.523, 3.868, 9.365
xyY	0.21, 0.231, 3.868
CIE-LCH	23.231, 20.78, 263.406
CIE-LUV	23.231, -12.269, -24.148
Hunter-Lab	19.668, -2.443, -14.462
Binary	00010110, 00111010, 01010110

#163a56
```
#163a56 rgb(22,58,86)
```
#563216
```
#563216 rgb(86,50,22)
```

Complementary Color

#165652
```
#165652 rgb(22,86,82)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#161a56
```
#161a56 rgb(22,26,86)
```

Analogous Color

#565216
```
#565216 rgb(86,82,22)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#56161a
```
#56161a rgb(86,22,26)
```

Split Complementary Color

#3a5616
```
#3a5616 rgb(58,86,22)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#56163a
```
#56163a rgb(86,22,58)
```

Triadic Color

#165632
```
#165632 rgb(22,86,50)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#56163a
```
#56163a rgb(86,22,58)
```
#563216
```
#563216 rgb(86,50,22)
```

Tetradic Color

#061119
```
#061119 rgb(6,17,25)
```
#0c1f2d
```
#0c1f2d rgb(12,31,45)
```
#112c42
```
#112c42 rgb(17,44,66)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#1b486a
```
#1b486a rgb(27,72,106)
```
#20557f
```
#20557f rgb(32,85,127)
```
#266393
```
#266393 rgb(38,99,147)
```

Monochromatic Color

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

#164a56
```
#164a56 rgb(22,74,86)
```
#164556
```
#164556 rgb(22,69,86)
```
#163f56
```
#163f56 rgb(22,63,86)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#163556
```
#163556 rgb(22,53,86)
```
#162f56
```
#162f56 rgb(22,47,86)
```
#162a56
```
#162a56 rgb(22,42,86)
```

Similar Colors

Text with hexadecimal color #163a56

This text has a font color of #163a56.

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

#163a56 background color

This paragraph has a background color of #163a56.

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

#163a56 border color

This element has a border color of #163a56.

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

CSS codes

.text {color:#163a56;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#061018
```
#061018 rgb(6,16,24)
```
#0a1a27
```
#0a1a27 rgb(10,26,39)
```
#0e2537
```
#0e2537 rgb(14,37,55)
```
#122f46
```
#122f46 rgb(18,47,70)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#1a4566
```
#1a4566 rgb(26,69,102)
```
#1e4f75
```
#1e4f75 rgb(30,79,117)
```
#225a85
```
#225a85 rgb(34,90,133)
```
#266494
```
#266494 rgb(38,100,148)
```
#2a6fa4
```
#2a6fa4 rgb(42,111,164)
```
#2e79b4
```
#2e79b4 rgb(46,121,180)
```
#3284c3
```
#3284c3 rgb(50,132,195)
```

Shade Color Variation

#3c8ecd
```
#3c8ecd rgb(60,142,205)
```
#4b97d1
```
#4b97d1 rgb(75,151,209)
```
#5ba0d5
```
#5ba0d5 rgb(91,160,213)
```
#6ba9d9
```
#6ba9d9 rgb(107,169,217)
```
#7ab2dd
```
#7ab2dd rgb(122,178,221)
```
#8abbe1
```
#8abbe1 rgb(138,187,225)
```
#9ac4e5
```
#9ac4e5 rgb(154,196,229)
```
#a9cde9
```
#a9cde9 rgb(169,205,233)
```
#b9d6ed
```
#b9d6ed rgb(185,214,237)
```
#c8dff1
```
#c8dff1 rgb(200,223,241)
```
#d8e8f5
```
#d8e8f5 rgb(216,232,245)
```
#e8f1f9
```
#e8f1f9 rgb(232,241,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#333639
```
#333639 rgb(51,54,57)
```
#2f373d
```
#2f373d rgb(47,55,61)
```
#2b3741
```
#2b3741 rgb(43,55,65)
```
#273845
```
#273845 rgb(39,56,69)
```
#22384a
```
#22384a rgb(34,56,74)
```
#1e394e
```
#1e394e rgb(30,57,78)
```
#1a3952
```
#1a3952 rgb(26,57,82)
```
#163a56
```
#163a56 rgb(22,58,86)
```
#123b5a
```
#123b5a rgb(18,59,90)
```
#0e3b5e
```
#0e3b5e rgb(14,59,94)
```
#0a3c62
```
#0a3c62 rgb(10,60,98)
```
#053c67
```
#053c67 rgb(5,60,103)
```
#013d6b
```
#013d6b rgb(1,61,107)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2c3439 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38405c Protanopia 1% of men
#32415f Deuteranopia 1% of men
#11474d Tritanopia 0.001% of the population

Trichromacy

#2b3e5a Protanomaly 1% of men, 0.01% of women
#273e5c Deuteranomaly 6% of men, 0.4% of women
#134250 Tritanomaly 0.01% of the population

#163a56 hex color

#163a56 Color Information

#163a56 Color Conversion

Color Schemes with #163a56

Alternatives to #163a56

#163a56 Preview

Shades and Tints of #163a56

Tones of #163a56

Color Blindness Simulator