#163a74 hex color

In a RGB color space, hex #163a74 is composed of 8.6% red, 22.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 50% magenta, 0% yellow and 54.5% black. It has a hue angle of 217 degrees, a saturation of 68.1% and a lightness of 27.1%. #163a74 color hex could be obtained by blending #2c74e8 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 23
- B 45
RGB color chart
- C 81
- M 50
- Y 0
- K 55
CMYK color chart

● #163a74 color description : Dark blue.

The hexadecimal color #163a74 has RGB values of R:22, G:58, B:116 and CMYK values of C:0.81, M:0.5, Y:0, K:0.55. Its decimal value is 1456756.

Hex triplet	163a74	`#163a74`
RGB Decimal	22, 58, 116	`rgb(22,58,116)`
RGB Percent	8.6, 22.7, 45.5	`rgb(8.6%,22.7%,45.5%)`
CMYK	81, 50, 0, 55
HSL	217°, 68.1, 27.1	`hsl(217,68.1%,27.1%)`
HSV (or HSB)	217°, 81, 45.5
Web Safe	003366	`#003366`

CIE-LAB	25.129, 10.013, -37.033
XYZ	4.996, 4.457, 17.119
xyY	0.188, 0.168, 4.457
CIE-LCH	25.129, 38.363, 285.129
CIE-LUV	25.129, -11.649, -46.635
Hunter-Lab	21.112, 5.291, -33.297
Binary	00010110, 00111010, 01110100

#163a74
```
#163a74 rgb(22,58,116)
```
#745016
```
#745016 rgb(116,80,22)
```

Complementary Color

#166974
```
#166974 rgb(22,105,116)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#211674
```
#211674 rgb(33,22,116)
```

Analogous Color

#697416
```
#697416 rgb(105,116,22)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#742116
```
#742116 rgb(116,33,22)
```

Split Complementary Color

#3a7416
```
#3a7416 rgb(58,116,22)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#74163a
```
#74163a rgb(116,22,58)
```

Triadic Color

#167450
```
#167450 rgb(22,116,80)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#74163a
```
#74163a rgb(116,22,58)
```
#745016
```
#745016 rgb(116,80,22)
```

Tetradic Color

#0a1a34
```
#0a1a34 rgb(10,26,52)
```
#0e2549
```
#0e2549 rgb(14,37,73)
```
#122f5f
```
#122f5f rgb(18,47,95)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#1a4589
```
#1a4589 rgb(26,69,137)
```
#1e4f9f
```
#1e4f9f rgb(30,79,159)
```
#225ab4
```
#225ab4 rgb(34,90,180)
```

Monochromatic Color

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

#165274
```
#165274 rgb(22,82,116)
```
#164a74
```
#164a74 rgb(22,74,116)
```
#164274
```
#164274 rgb(22,66,116)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#163274
```
#163274 rgb(22,50,116)
```
#162a74
```
#162a74 rgb(22,42,116)
```
#162374
```
#162374 rgb(22,35,116)
```

Similar Colors

Text with hexadecimal color #163a74

This text has a font color of #163a74.

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

#163a74 background color

This paragraph has a background color of #163a74.

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

#163a74 border color

This element has a border color of #163a74.

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

CSS codes

.text {color:#163a74;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030911
```
#030911 rgb(3,9,17)
```
#061122
```
#061122 rgb(6,17,34)
```
#091932
```
#091932 rgb(9,25,50)
```
#0d2143
```
#0d2143 rgb(13,33,67)
```
#102a53
```
#102a53 rgb(16,42,83)
```
#133264
```
#133264 rgb(19,50,100)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#194284
```
#194284 rgb(25,66,132)
```
#1c4a95
```
#1c4a95 rgb(28,74,149)
```
#1f53a5
```
#1f53a5 rgb(31,83,165)
```
#235bb6
```
#235bb6 rgb(35,91,182)
```
#2663c6
```
#2663c6 rgb(38,99,198)
```

Shade Color Variation

#296cd6
```
#296cd6 rgb(41,108,214)
```
#3a77da
```
#3a77da rgb(58,119,218)
```
#4a82dd
```
#4a82dd rgb(74,130,221)
```
#5b8ee0
```
#5b8ee0 rgb(91,142,224)
```
#6b99e3
```
#6b99e3 rgb(107,153,227)
```
#7ca4e6
```
#7ca4e6 rgb(124,164,230)
```
#8cb0e9
```
#8cb0e9 rgb(140,176,233)
```
#9dbbec
```
#9dbbec rgb(157,187,236)
```
#adc7ef
```
#adc7ef rgb(173,199,239)
```
#bed2f3
```
#bed2f3 rgb(190,210,243)
```
#ceddf6
```
#ceddf6 rgb(206,221,246)
```
#dfe9f9
```
#dfe9f9 rgb(223,233,249)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Tint Color Variation

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

#40444a
```
#40444a rgb(64,68,74)
```
#3b434f
```
#3b434f rgb(59,67,79)
```
#364154
```
#364154 rgb(54,65,84)
```
#314059
```
#314059 rgb(49,64,89)
```
#2b3f5f
```
#2b3f5f rgb(43,63,95)
```
#263e64
```
#263e64 rgb(38,62,100)
```
#213c69
```
#213c69 rgb(33,60,105)
```
#1b3b6f
```
#1b3b6f rgb(27,59,111)
```
#163a74
```
#163a74 rgb(22,58,116)
```
#113979
```
#113979 rgb(17,57,121)
```
#0b387f
```
#0b387f rgb(11,56,127)
```
#063684
```
#063684 rgb(6,54,132)
```
#013589
```
#013589 rgb(1,53,137)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#303742 Atypical Achromatopsia 0.001% of the population

Dichromacy

#25437a Protanopia 1% of men
#004775 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#1f4078 Protanomaly 1% of men, 0.01% of women
#084275 Deuteranomaly 6% of men, 0.4% of women
#08455e Tritanomaly 0.01% of the population

#163a74 hex color

#163a74 Color Information

#163a74 Color Conversion

Color Schemes with #163a74

Alternatives to #163a74

#163a74 Preview

Shades and Tints of #163a74

Tones of #163a74

Color Blindness Simulator