#163348 hex color

In a RGB color space, hex #163348 is composed of 8.6% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 205.2 degrees, a saturation of 53.2% and a lightness of 18.4%. #163348 color hex could be obtained by blending #2c6690 with #000000. Closest websafe color is: #003333.

♥
- f
- t
- g
- R 9
- G 20
- B 28
RGB color chart
- C 69
- M 29
- Y 0
- K 72
CMYK color chart

● #163348 color description : Very dark blue.

The hexadecimal color #163348 has RGB values of R:22, G:51, B:72 and CMYK values of C:0.69, M:0.29, Y:0, K:0.72. Its decimal value is 1454920.

Hex triplet	163348	`#163348`
RGB Decimal	22, 51, 72	`rgb(22,51,72)`
RGB Percent	8.6, 20, 28.2	`rgb(8.6%,20%,28.2%)`
CMYK	69, 29, 0, 72
HSL	205.2°, 53.2, 18.4	`hsl(205.2,53.2%,18.4%)`
HSV (or HSB)	205.2°, 69.4, 28.2
Web Safe	003333	`#003333`

CIE-LAB	20.068, -3.202, -16.257
XYZ	2.684, 3.006, 6.569
xyY	0.219, 0.245, 3.006
CIE-LCH	20.068, 16.569, 258.858
CIE-LUV	20.068, -10.105, -17.592
Hunter-Lab	17.338, -2.706, -10.329
Binary	00010110, 00110011, 01001000

#163348
```
#163348 rgb(22,51,72)
```
#482b16
```
#482b16 rgb(72,43,22)
```

Complementary Color

#164844
```
#164844 rgb(22,72,68)
```
#163348
```
#163348 rgb(22,51,72)
```
#161a48
```
#161a48 rgb(22,26,72)
```

Analogous Color

#484416
```
#484416 rgb(72,68,22)
```
#163348
```
#163348 rgb(22,51,72)
```
#48161a
```
#48161a rgb(72,22,26)
```

Split Complementary Color

#334816
```
#334816 rgb(51,72,22)
```
#163348
```
#163348 rgb(22,51,72)
```
#481633
```
#481633 rgb(72,22,51)
```

Triadic Color

#16482b
```
#16482b rgb(22,72,43)
```
#163348
```
#163348 rgb(22,51,72)
```
#481633
```
#481633 rgb(72,22,51)
```
#482b16
```
#482b16 rgb(72,43,22)
```

Tetradic Color

#04090d
```
#04090d rgb(4,9,13)
```
#0a1721
```
#0a1721 rgb(10,23,33)
```
#102534
```
#102534 rgb(16,37,52)
```
#163348
```
#163348 rgb(22,51,72)
```
#1c415c
```
#1c415c rgb(28,65,92)
```
#224f6f
```
#224f6f rgb(34,79,111)
```
#285d83
```
#285d83 rgb(40,93,131)
```

Monochromatic Color

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

#164048
```
#164048 rgb(22,64,72)
```
#163b48
```
#163b48 rgb(22,59,72)
```
#163748
```
#163748 rgb(22,55,72)
```
#163348
```
#163348 rgb(22,51,72)
```
#162f48
```
#162f48 rgb(22,47,72)
```
#162b48
```
#162b48 rgb(22,43,72)
```
#162748
```
#162748 rgb(22,39,72)
```

Similar Colors

Text with hexadecimal color #163348

This text has a font color of #163348.

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

#163348 background color

This paragraph has a background color of #163348.

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

#163348 border color

This element has a border color of #163348.

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

CSS codes

.text {color:#163348;}

.background {background-color:#163348;}

.border {border:1px solid #163348;}

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#08131b
```
#08131b rgb(8,19,27)
```
#0d1e2a
```
#0d1e2a rgb(13,30,42)
```
#112839
```
#112839 rgb(17,40,57)
```
#163348
```
#163348 rgb(22,51,72)
```
#1b3e57
```
#1b3e57 rgb(27,62,87)
```
#1f4866
```
#1f4866 rgb(31,72,102)
```
#245375
```
#245375 rgb(36,83,117)
```
#285e84
```
#285e84 rgb(40,94,132)
```
#2d6893
```
#2d6893 rgb(45,104,147)
```
#3273a2
```
#3273a2 rgb(50,115,162)
```
#367db1
```
#367db1 rgb(54,125,177)
```
#3b88c0
```
#3b88c0 rgb(59,136,192)
```

Shade Color Variation

#4891c7
```
#4891c7 rgb(72,145,199)
```
#579acc
```
#579acc rgb(87,154,204)
```
#66a3d0
```
#66a3d0 rgb(102,163,208)
```
#75acd5
```
#75acd5 rgb(117,172,213)
```
#84b5d9
```
#84b5d9 rgb(132,181,217)
```
#93bede
```
#93bede rgb(147,190,222)
```
#a2c7e3
```
#a2c7e3 rgb(162,199,227)
```
#b1d0e7
```
#b1d0e7 rgb(177,208,231)
```
#c0d9ec
```
#c0d9ec rgb(192,217,236)
```
#cfe2f0
```
#cfe2f0 rgb(207,226,240)
```
#deebf5
```
#deebf5 rgb(222,235,245)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#2c3032
```
#2c3032 rgb(44,48,50)
```
#283036
```
#283036 rgb(40,48,54)
```
#24313a
```
#24313a rgb(36,49,58)
```
#21313d
```
#21313d rgb(33,49,61)
```
#1d3241
```
#1d3241 rgb(29,50,65)
```
#1a3244
```
#1a3244 rgb(26,50,68)
```
#163348
```
#163348 rgb(22,51,72)
```
#12344c
```
#12344c rgb(18,52,76)
```
#0f344f
```
#0f344f rgb(15,52,79)
```
#0b3553
```
#0b3553 rgb(11,53,83)
```
#083556
```
#083556 rgb(8,53,86)
```
#04365a
```
#04365a rgb(4,54,90)
```
#00365e
```
#00365e rgb(0,54,94)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#282e32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343a4f Protanopia 1% of men
#313a52 Deuteranopia 1% of men
#1a4044 Tritanopia 0.001% of the population

Trichromacy

#29374c Protanomaly 1% of men, 0.01% of women
#27374e Deuteranomaly 6% of men, 0.4% of women
#183b45 Tritanomaly 0.01% of the population

#163348 hex color

#163348 Color Information

#163348 Color Conversion

Color Schemes with #163348

Alternatives to #163348

#163348 Preview

Shades and Tints of #163348

Tones of #163348

Color Blindness Simulator