colorhexa.com

#163e8b hex color

In a RGB color space, hex #163e8b is composed of 8.6% red, 24.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 55.4% magenta, 0% yellow and 45.5% black. It has a hue angle of 219.5 degrees, a saturation of 72.7% and a lightness of 31.6%. #163e8b color hex could be obtained by blending #2c7cff with #000017. Closest websafe color is: #003399.

- R 9
- G 24
- B 55
RGB color chart
- C 84
- M 55
- Y 0
- K 45
CMYK color chart

● #163e8b color description : Dark blue.

The hexadecimal color #163e8b has RGB values of R:22, G:62, B:139 and CMYK values of C:0.84, M:0.55, Y:0, K:0.45. Its decimal value is 1457803.

Hex triplet	163e8b	`#163e8b`
RGB Decimal	22, 62, 139	`rgb(22,62,139)`
RGB Percent	8.6, 24.3, 54.5	`rgb(8.6%,24.3%,54.5%)`
CMYK	84, 55, 0, 45
HSL	219.5°, 72.7, 31.6	`hsl(219.5,72.7%,31.6%)`
HSV (or HSB)	219.5°, 84.2, 54.5
Web Safe	003399	`#003399`

CIE-LAB	28.059, 16.766, -46.714
XYZ	6.713, 5.479, 25.129
xyY	0.18, 0.147, 5.479
CIE-LCH	28.059, 49.631, 289.744
CIE-LUV	28.059, -12.549, -61.342
Hunter-Lab	23.408, 10.224, -47.262
Binary	00010110, 00111110, 10001011

#163e8b
```
#163e8b rgb(22,62,139)
```
#8b6316
```
#8b6316 rgb(139,99,22)
```

Complementary Color

#16798b
```
#16798b rgb(22,121,139)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#28168b
```
#28168b rgb(40,22,139)
```

Analogous Color

#798b16
```
#798b16 rgb(121,139,22)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#8b2816
```
#8b2816 rgb(139,40,22)
```

Split Complementary Color

#3e8b16
```
#3e8b16 rgb(62,139,22)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#8b163e
```
#8b163e rgb(139,22,62)
```

Triadic Color

#0c2149
```
#0c2149 rgb(12,33,73)
```
#0f2a5f
```
#0f2a5f rgb(15,42,95)
```
#133475
```
#133475 rgb(19,52,117)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#1948a1
```
#1948a1 rgb(25,72,161)
```
#1d52b7
```
#1d52b7 rgb(29,82,183)
```
#205bcd
```
#205bcd rgb(32,91,205)
```

Monochromatic Color

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

#165b8b
```
#165b8b rgb(22,91,139)
```
#16528b
```
#16528b rgb(22,82,139)
```
#16488b
```
#16488b rgb(22,72,139)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#16348b
```
#16348b rgb(22,52,139)
```
#162b8b
```
#162b8b rgb(22,43,139)
```
#16218b
```
#16218b rgb(22,33,139)
```

Similar Colors

Text with hexadecimal color #163e8b

This text has a font color of #163e8b.

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

#163e8b background color

This paragraph has a background color of #163e8b.

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

#163e8b border color

This element has a border color of #163e8b.

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

CSS codes

.text {color:#163e8b;}

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

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

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 #f2f5fd is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#030914
```
#030914 rgb(3,9,20)
```
#061125
```
#061125 rgb(6,17,37)
```
#091836
```
#091836 rgb(9,24,54)
```
#0b2047
```
#0b2047 rgb(11,32,71)
```
#0e2758
```
#0e2758 rgb(14,39,88)
```
#112f69
```
#112f69 rgb(17,47,105)
```
#13367a
```
#13367a rgb(19,54,122)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#19469c
```
#19469c rgb(25,70,156)
```
#1b4dad
```
#1b4dad rgb(27,77,173)
```
#1e55be
```
#1e55be rgb(30,85,190)
```
#215ccf
```
#215ccf rgb(33,92,207)
```

Shade Color Variation

#2665dd
```
#2665dd rgb(38,101,221)
```
#3771df
```
#3771df rgb(55,113,223)
```
#487de2
```
#487de2 rgb(72,125,226)
```
#5989e5
```
#5989e5 rgb(89,137,229)
```
#6a95e7
```
#6a95e7 rgb(106,149,231)
```
#7ba1ea
```
#7ba1ea rgb(123,161,234)
```
#8caded
```
#8caded rgb(140,173,237)
```
#9db9ef
```
#9db9ef rgb(157,185,239)
```
#aec5f2
```
#aec5f2 rgb(174,197,242)
```
#bfd1f5
```
#bfd1f5 rgb(191,209,245)
```
#d0ddf8
```
#d0ddf8 rgb(208,221,248)
```
#e1e9fa
```
#e1e9fa rgb(225,233,250)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#4e5053
```
#4e5053 rgb(78,80,83)
```
#484e59
```
#484e59 rgb(72,78,89)
```
#414c60
```
#414c60 rgb(65,76,96)
```
#3b4a66
```
#3b4a66 rgb(59,74,102)
```
#35486c
```
#35486c rgb(53,72,108)
```
#2f4672
```
#2f4672 rgb(47,70,114)
```
#294478
```
#294478 rgb(41,68,120)
```
#22427f
```
#22427f rgb(34,66,127)
```
#1c4085
```
#1c4085 rgb(28,64,133)
```
#163e8b
```
#163e8b rgb(22,62,139)
```
#103c91
```
#103c91 rgb(16,60,145)
```
#0a3a97
```
#0a3a97 rgb(10,58,151)
```
#03389e
```
#03389e rgb(3,56,158)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#343c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004d7e Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#08458e Protanomaly 1% of men, 0.01% of women
#084883 Deuteranomaly 6% of men, 0.4% of women
#084b6a Tritanomaly 0.01% of the population