colorhexa.com

#163d7e hex color

In a RGB color space, hex #163d7e is composed of 8.6% red, 23.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 51.6% magenta, 0% yellow and 50.6% black. It has a hue angle of 217.5 degrees, a saturation of 70.3% and a lightness of 29%. #163d7e color hex could be obtained by blending #2c7afc with #000000. Closest websafe color is: #003366.

- R 9
- G 24
- B 49
RGB color chart
- C 83
- M 52
- Y 0
- K 51
CMYK color chart

● #163d7e color description : Dark blue.

The hexadecimal color #163d7e has RGB values of R:22, G:61, B:126 and CMYK values of C:0.83, M:0.52, Y:0, K:0.51. Its decimal value is 1457534.

Hex triplet	163d7e	`#163d7e`
RGB Decimal	22, 61, 126	`rgb(22,61,126)`
RGB Percent	8.6, 23.9, 49.4	`rgb(8.6%,23.9%,49.4%)`
CMYK	83, 52, 0, 51
HSL	217.5°, 70.3, 29	`hsl(217.5,70.3%,29%)`
HSV (or HSB)	217.5°, 82.5, 49.4
Web Safe	003366	`#003366`

CIE-LAB	26.775, 12.076, -40.696
XYZ	5.765, 5.014, 20.401
xyY	0.185, 0.161, 5.014
CIE-LCH	26.775, 42.45, 286.527
CIE-LUV	26.775, -12.412, -52.541
Hunter-Lab	22.392, 6.768, -38.345
Binary	00010110, 00111101, 01111110

#163d7e
```
#163d7e rgb(22,61,126)
```
#7e5716
```
#7e5716 rgb(126,87,22)
```

Complementary Color

#16717e
```
#16717e rgb(22,113,126)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#23167e
```
#23167e rgb(35,22,126)
```

Analogous Color

#717e16
```
#717e16 rgb(113,126,22)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#7e2316
```
#7e2316 rgb(126,35,22)
```

Split Complementary Color

#3d7e16
```
#3d7e16 rgb(61,126,22)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#7e163d
```
#7e163d rgb(126,22,61)
```

Triadic Color

#0b1d3d
```
#0b1d3d rgb(11,29,61)
```
#0e2853
```
#0e2853 rgb(14,40,83)
```
#123268
```
#123268 rgb(18,50,104)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#1a4894
```
#1a4894 rgb(26,72,148)
```
#1e52a9
```
#1e52a9 rgb(30,82,169)
```
#215dbf
```
#215dbf rgb(33,93,191)
```

Monochromatic Color

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

#16577e
```
#16577e rgb(22,87,126)
```
#164e7e
```
#164e7e rgb(22,78,126)
```
#16467e
```
#16467e rgb(22,70,126)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#16347e
```
#16347e rgb(22,52,126)
```
#162c7e
```
#162c7e rgb(22,44,126)
```
#16237e
```
#16237e rgb(22,35,126)
```

Similar Colors

Text with hexadecimal color #163d7e

This text has a font color of #163d7e.

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

#163d7e background color

This paragraph has a background color of #163d7e.

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

#163d7e border color

This element has a border color of #163d7e.

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

CSS codes

.text {color:#163d7e;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#050c1a
```
#050c1a rgb(5,12,26)
```
#07152b
```
#07152b rgb(7,21,43)
```
#0a1d3b
```
#0a1d3b rgb(10,29,59)
```
#0d254c
```
#0d254c rgb(13,37,76)
```
#102d5d
```
#102d5d rgb(16,45,93)
```
#13356d
```
#13356d rgb(19,53,109)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#19458f
```
#19458f rgb(25,69,143)
```
#1c4d9f
```
#1c4d9f rgb(28,77,159)
```
#1f55b0
```
#1f55b0 rgb(31,85,176)
```
#225dc1
```
#225dc1 rgb(34,93,193)
```
#2565d1
```
#2565d1 rgb(37,101,209)
```

Shade Color Variation

#2f6fdb
```
#2f6fdb rgb(47,111,219)
```
#407bde
```
#407bde rgb(64,123,222)
```
#5086e1
```
#5086e1 rgb(80,134,225)
```
#6192e3
```
#6192e3 rgb(97,146,227)
```
#729ee6
```
#729ee6 rgb(114,158,230)
```
#83a9e9
```
#83a9e9 rgb(131,169,233)
```
#93b5ec
```
#93b5ec rgb(147,181,236)
```
#a4c0ef
```
#a4c0ef rgb(164,192,239)
```
#b5ccf2
```
#b5ccf2 rgb(181,204,242)
```
#c5d7f5
```
#c5d7f5 rgb(197,215,245)
```
#d6e3f8
```
#d6e3f8 rgb(214,227,248)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494a4b is the less saturated color, while #05398f is the most saturated one.

#494a4b
```
#494a4b rgb(73,74,75)
```
#444850
```
#444850 rgb(68,72,80)
```
#3e4756
```
#3e4756 rgb(62,71,86)
```
#38465c
```
#38465c rgb(56,70,92)
```
#324462
```
#324462 rgb(50,68,98)
```
#2d4367
```
#2d4367 rgb(45,67,103)
```
#27416d
```
#27416d rgb(39,65,109)
```
#214073
```
#214073 rgb(33,64,115)
```
#1c3e78
```
#1c3e78 rgb(28,62,120)
```
#163d7e
```
#163d7e rgb(22,61,126)
```
#103c84
```
#103c84 rgb(16,60,132)
```
#0b3a89
```
#0b3a89 rgb(11,58,137)
```
#05398f
```
#05398f rgb(5,57,143)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#323a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#204784 Protanopia 1% of men
#004a7b Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#1c4382 Protanomaly 1% of men, 0.01% of women
#08457c Deuteranomaly 6% of men, 0.4% of women
#084964 Tritanomaly 0.01% of the population