#163a66 hex color

In a RGB color space, hex #163a66 is composed of 8.6% red, 22.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 43.1% magenta, 0% yellow and 60% black. It has a hue angle of 213 degrees, a saturation of 64.5% and a lightness of 24.3%. #163a66 color hex could be obtained by blending #2c74cc with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 23
- B 40
RGB color chart
- C 78
- M 43
- Y 0
- K 60
CMYK color chart

● #163a66 color description : Very dark blue.

The hexadecimal color #163a66 has RGB values of R:22, G:58, B:102 and CMYK values of C:0.78, M:0.43, Y:0, K:0.6. Its decimal value is 1456742.

Hex triplet	163a66	`#163a66`
RGB Decimal	22, 58, 102	`rgb(22,58,102)`
RGB Percent	8.6, 22.7, 40	`rgb(8.6%,22.7%,40%)`
CMYK	78, 43, 0, 60
HSL	213°, 64.5, 24.3	`hsl(213,64.5%,24.3%)`
HSV (or HSB)	213°, 78.4, 40
Web Safe	003366	`#003366`

CIE-LAB	24.18, 4.164, -29.58
XYZ	4.242, 4.156, 13.148
xyY	0.197, 0.193, 4.156
CIE-LCH	24.18, 29.872, 278.013
CIE-LUV	24.18, -11.885, -36.327
Hunter-Lab	20.385, 1.466, -23.971
Binary	00010110, 00111010, 01100110

#163a66
```
#163a66 rgb(22,58,102)
```
#664216
```
#664216 rgb(102,66,22)
```

Complementary Color

#166266
```
#166266 rgb(22,98,102)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#1a1666
```
#1a1666 rgb(26,22,102)
```

Analogous Color

#626616
```
#626616 rgb(98,102,22)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#661a16
```
#661a16 rgb(102,26,22)
```

Split Complementary Color

#3a6616
```
#3a6616 rgb(58,102,22)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#66163a
```
#66163a rgb(102,22,58)
```

Triadic Color

#166642
```
#166642 rgb(22,102,66)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#66163a
```
#66163a rgb(102,22,58)
```
#664216
```
#664216 rgb(102,66,22)
```

Tetradic Color

#081627
```
#081627 rgb(8,22,39)
```
#0d223c
```
#0d223c rgb(13,34,60)
```
#112e51
```
#112e51 rgb(17,46,81)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#1b467b
```
#1b467b rgb(27,70,123)
```
#1f5290
```
#1f5290 rgb(31,82,144)
```
#245ea5
```
#245ea5 rgb(36,94,165)
```

Monochromatic Color

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

#164e66
```
#164e66 rgb(22,78,102)
```
#164766
```
#164766 rgb(22,71,102)
```
#164166
```
#164166 rgb(22,65,102)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#163366
```
#163366 rgb(22,51,102)
```
#162d66
```
#162d66 rgb(22,45,102)
```
#162666
```
#162666 rgb(22,38,102)
```

Similar Colors

Text with hexadecimal color #163a66

This text has a font color of #163a66.

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

#163a66 background color

This paragraph has a background color of #163a66.

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

#163a66 border color

This element has a border color of #163a66.

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

CSS codes

.text {color:#163a66;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#050c15
```
#050c15 rgb(5,12,21)
```
#081525
```
#081525 rgb(8,21,37)
```
#0c1e36
```
#0c1e36 rgb(12,30,54)
```
#0f2846
```
#0f2846 rgb(15,40,70)
```
#133156
```
#133156 rgb(19,49,86)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#194376
```
#194376 rgb(25,67,118)
```
#1d4c86
```
#1d4c86 rgb(29,76,134)
```
#205696
```
#205696 rgb(32,86,150)
```
#245fa7
```
#245fa7 rgb(36,95,167)
```
#2768b7
```
#2768b7 rgb(39,104,183)
```
#2b71c7
```
#2b71c7 rgb(43,113,199)
```

Shade Color Variation

#327bd3
```
#327bd3 rgb(50,123,211)
```
#4385d6
```
#4385d6 rgb(67,133,214)
```
#5390da
```
#5390da rgb(83,144,218)
```
#639add
```
#639add rgb(99,154,221)
```
#73a4e1
```
#73a4e1 rgb(115,164,225)
```
#83afe4
```
#83afe4 rgb(131,175,228)
```
#93b9e8
```
#93b9e8 rgb(147,185,232)
```
#a3c4eb
```
#a3c4eb rgb(163,196,235)
```
#b4ceef
```
#b4ceef rgb(180,206,239)
```
#c4d9f2
```
#c4d9f2 rgb(196,217,242)
```
#d4e3f6
```
#d4e3f6 rgb(212,227,246)
```
#e4edf9
```
#e4edf9 rgb(228,237,249)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#3c3e40
```
#3c3e40 rgb(60,62,64)
```
#373d45
```
#373d45 rgb(55,61,69)
```
#333d49
```
#333d49 rgb(51,61,73)
```
#2e3c4e
```
#2e3c4e rgb(46,60,78)
```
#293c53
```
#293c53 rgb(41,60,83)
```
#243b58
```
#243b58 rgb(36,59,88)
```
#203b5c
```
#203b5c rgb(32,59,92)
```
#1b3a61
```
#1b3a61 rgb(27,58,97)
```
#163a66
```
#163a66 rgb(22,58,102)
```
#113a6b
```
#113a6b rgb(17,58,107)
```
#0c3970
```
#0c3970 rgb(12,57,112)
```
#083974
```
#083974 rgb(8,57,116)
```
#033879
```
#033879 rgb(3,56,121)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2e353e Atypical Achromatopsia 0.001% of the population

Dichromacy

#30426c Protanopia 1% of men
#20446d Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#263f6a Protanomaly 1% of men, 0.01% of women
#1c406b Deuteranomaly 6% of men, 0.4% of women
#084457 Tritanomaly 0.01% of the population

#163a66 hex color

#163a66 Color Information

#163a66 Color Conversion

Color Schemes with #163a66

Alternatives to #163a66

#163a66 Preview

Shades and Tints of #163a66

Tones of #163a66

Color Blindness Simulator