#163a48 hex color

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

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

● #163a48 color description : Very dark blue.

The hexadecimal color #163a48 has RGB values of R:22, G:58, B:72 and CMYK values of C:0.69, M:0.19, Y:0, K:0.72. Its decimal value is 1456712.

Hex triplet	163a48	`#163a48`
RGB Decimal	22, 58, 72	`rgb(22,58,72)`
RGB Percent	8.6, 22.7, 28.2	`rgb(8.6%,22.7%,28.2%)`
CMYK	69, 19, 0, 72
HSL	196.8°, 53.2, 18.4	`hsl(196.8,53.2%,18.4%)`
HSV (or HSB)	196.8°, 69.4, 28.2
Web Safe	003333	`#003333`

CIE-LAB	22.529, -7.826, -12.447
XYZ	3.013, 3.664, 6.679
xyY	0.226, 0.274, 3.664
CIE-LCH	22.529, 14.703, 237.841
CIE-LUV	22.529, -12.694, -13.359
Hunter-Lab	19.142, -5.401, -7.287
Binary	00010110, 00111010, 01001000

#163a48
```
#163a48 rgb(22,58,72)
```
#482416
```
#482416 rgb(72,36,22)
```

Complementary Color

#16483d
```
#16483d rgb(22,72,61)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#162148
```
#162148 rgb(22,33,72)
```

Analogous Color

#483d16
```
#483d16 rgb(72,61,22)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#481621
```
#481621 rgb(72,22,33)
```

Split Complementary Color

#3a4816
```
#3a4816 rgb(58,72,22)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#48163a
```
#48163a rgb(72,22,58)
```

Triadic Color

#164824
```
#164824 rgb(22,72,36)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#48163a
```
#48163a rgb(72,22,58)
```
#482416
```
#482416 rgb(72,36,22)
```

Tetradic Color

#040b0d
```
#040b0d rgb(4,11,13)
```
#0a1b21
```
#0a1b21 rgb(10,27,33)
```
#102a34
```
#102a34 rgb(16,42,52)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#1c4a5c
```
#1c4a5c rgb(28,74,92)
```
#22596f
```
#22596f rgb(34,89,111)
```
#286983
```
#286983 rgb(40,105,131)
```

Monochromatic Color

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

#164748
```
#164748 rgb(22,71,72)
```
#164248
```
#164248 rgb(22,66,72)
```
#163e48
```
#163e48 rgb(22,62,72)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#163648
```
#163648 rgb(22,54,72)
```
#163248
```
#163248 rgb(22,50,72)
```
#162e48
```
#162e48 rgb(22,46,72)
```

Similar Colors

Text with hexadecimal color #163a48

This text has a font color of #163a48.

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

#163a48 background color

This paragraph has a background color of #163a48.

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

#163a48 border color

This element has a border color of #163a48.

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

CSS codes

.text {color:#163a48;}

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

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

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

#040a0c
```
#040a0c rgb(4,10,12)
```
#08161b
```
#08161b rgb(8,22,27)
```
#0d222a
```
#0d222a rgb(13,34,42)
```
#112e39
```
#112e39 rgb(17,46,57)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#1b4657
```
#1b4657 rgb(27,70,87)
```
#1f5266
```
#1f5266 rgb(31,82,102)
```
#245e75
```
#245e75 rgb(36,94,117)
```
#286a84
```
#286a84 rgb(40,106,132)
```
#2d7793
```
#2d7793 rgb(45,119,147)
```
#3283a2
```
#3283a2 rgb(50,131,162)
```
#368fb1
```
#368fb1 rgb(54,143,177)
```
#3b9bc0
```
#3b9bc0 rgb(59,155,192)
```

Shade Color Variation

#48a3c7
```
#48a3c7 rgb(72,163,199)
```
#57abcc
```
#57abcc rgb(87,171,204)
```
#66b2d0
```
#66b2d0 rgb(102,178,208)
```
#75bad5
```
#75bad5 rgb(117,186,213)
```
#84c1d9
```
#84c1d9 rgb(132,193,217)
```
#93c9de
```
#93c9de rgb(147,201,222)
```
#a2d0e3
```
#a2d0e3 rgb(162,208,227)
```
#b1d8e7
```
#b1d8e7 rgb(177,216,231)
```
#c0dfec
```
#c0dfec rgb(192,223,236)
```
#cfe7f0
```
#cfe7f0 rgb(207,231,240)
```
#deeef5
```
#deeef5 rgb(222,238,245)
```
#edf6f9
```
#edf6f9 rgb(237,246,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 #00445e is the most saturated one.

#2c3032
```
#2c3032 rgb(44,48,50)
```
#283236
```
#283236 rgb(40,50,54)
```
#24343a
```
#24343a rgb(36,52,58)
```
#21353d
```
#21353d rgb(33,53,61)
```
#1d3741
```
#1d3741 rgb(29,55,65)
```
#1a3844
```
#1a3844 rgb(26,56,68)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#123c4c
```
#123c4c rgb(18,60,76)
```
#0f3d4f
```
#0f3d4f rgb(15,61,79)
```
#0b3f53
```
#0b3f53 rgb(11,63,83)
```
#084056
```
#084056 rgb(8,64,86)
```
#04425a
```
#04425a rgb(4,66,90)
```
#00445e
```
#00445e rgb(0,68,94)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2c3336 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3f4e Protanopia 1% of men
#3b3f53 Deuteranopia 1% of men
#1d454a Tritanopia 0.001% of the population

Trichromacy

#2e3d4c Protanomaly 1% of men, 0.01% of women
#2d3d4f Deuteranomaly 6% of men, 0.4% of women
#1b4149 Tritanomaly 0.01% of the population

#163a48 hex color

#163a48 Color Information

#163a48 Color Conversion

Color Schemes with #163a48

Alternatives to #163a48

#163a48 Preview

Shades and Tints of #163a48

Tones of #163a48

Color Blindness Simulator