#163d5f hex color

In a RGB color space, hex #163d5f is composed of 8.6% red, 23.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 35.8% magenta, 0% yellow and 62.7% black. It has a hue angle of 207.9 degrees, a saturation of 62.4% and a lightness of 22.9%. #163d5f color hex could be obtained by blending #2c7abe with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 9
- G 24
- B 37
RGB color chart
- C 77
- M 36
- Y 0
- K 63
CMYK color chart

● #163d5f color description : Very dark blue.

The hexadecimal color #163d5f has RGB values of R:22, G:61, B:95 and CMYK values of C:0.77, M:0.36, Y:0, K:0.63. Its decimal value is 1457503.

Hex triplet	163d5f	`#163d5f`
RGB Decimal	22, 61, 95	`rgb(22,61,95)`
RGB Percent	8.6, 23.9, 37.3	`rgb(8.6%,23.9%,37.3%)`
CMYK	77, 36, 0, 63
HSL	207.9°, 62.4, 22.9	`hsl(207.9,62.4%,22.9%)`
HSV (or HSB)	207.9°, 76.8, 37.3
Web Safe	003366	`#003366`

CIE-LAB	24.746, -0.78, -24.144
XYZ	4.065, 4.334, 11.448
xyY	0.205, 0.218, 4.334
CIE-LCH	24.746, 24.157, 268.15
CIE-LUV	24.746, -13.07, -29.33
Hunter-Lab	20.818, -1.58, -18.032
Binary	00010110, 00111101, 01011111

#163d5f
```
#163d5f rgb(22,61,95)
```
#5f3816
```
#5f3816 rgb(95,56,22)
```

Complementary Color

#165f5d
```
#165f5d rgb(22,95,93)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#16195f
```
#16195f rgb(22,25,95)
```

Analogous Color

#5f5d16
```
#5f5d16 rgb(95,93,22)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#5f1619
```
#5f1619 rgb(95,22,25)
```

Split Complementary Color

#3d5f16
```
#3d5f16 rgb(61,95,22)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#5f163d
```
#5f163d rgb(95,22,61)
```

Triadic Color

#165f38
```
#165f38 rgb(22,95,56)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#5f163d
```
#5f163d rgb(95,22,61)
```
#5f3816
```
#5f3816 rgb(95,56,22)
```

Tetradic Color

#081521
```
#081521 rgb(8,21,33)
```
#0c2236
```
#0c2236 rgb(12,34,54)
```
#11304a
```
#11304a rgb(17,48,74)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#1b4a74
```
#1b4a74 rgb(27,74,116)
```
#205888
```
#205888 rgb(32,88,136)
```
#24659d
```
#24659d rgb(36,101,157)
```

Monochromatic Color

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

#164f5f
```
#164f5f rgb(22,79,95)
```
#16495f
```
#16495f rgb(22,73,95)
```
#16435f
```
#16435f rgb(22,67,95)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#16375f
```
#16375f rgb(22,55,95)
```
#16315f
```
#16315f rgb(22,49,95)
```
#162b5f
```
#162b5f rgb(22,43,95)
```

Similar Colors

Text with hexadecimal color #163d5f

This text has a font color of #163d5f.

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

#163d5f background color

This paragraph has a background color of #163d5f.

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

#163d5f border color

This element has a border color of #163d5f.

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

CSS codes

.text {color:#163d5f;}

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

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

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

#040a0f
```
#040a0f rgb(4,10,15)
```
#07141f
```
#07141f rgb(7,20,31)
```
#0b1e2f
```
#0b1e2f rgb(11,30,47)
```
#0f293f
```
#0f293f rgb(15,41,63)
```
#12334f
```
#12334f rgb(18,51,79)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#1a476f
```
#1a476f rgb(26,71,111)
```
#1d517f
```
#1d517f rgb(29,81,127)
```
#215c8f
```
#215c8f rgb(33,92,143)
```
#25669f
```
#25669f rgb(37,102,159)
```
#2870af
```
#2870af rgb(40,112,175)
```
#2c7abf
```
#2c7abf rgb(44,122,191)
```
#3085ce
```
#3085ce rgb(48,133,206)
```

Shade Color Variation

#3f8ed3
```
#3f8ed3 rgb(63,142,211)
```
#4f97d6
```
#4f97d6 rgb(79,151,214)
```
#5fa1da
```
#5fa1da rgb(95,161,218)
```
#6faade
```
#6faade rgb(111,170,222)
```
#7fb4e1
```
#7fb4e1 rgb(127,180,225)
```
#8fbde5
```
#8fbde5 rgb(143,189,229)
```
#9fc6e9
```
#9fc6e9 rgb(159,198,233)
```
#afd0ec
```
#afd0ec rgb(175,208,236)
```
#bfd9f0
```
#bfd9f0 rgb(191,217,240)
```
#cfe3f4
```
#cfe3f4 rgb(207,227,244)
```
#dfecf7
```
#dfecf7 rgb(223,236,247)
```
#eff5fb
```
#eff5fb rgb(239,245,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#3a3b3b
```
#3a3b3b rgb(58,59,59)
```
#363b40
```
#363b40 rgb(54,59,64)
```
#313b44
```
#313b44 rgb(49,59,68)
```
#2d3b49
```
#2d3b49 rgb(45,59,73)
```
#283c4d
```
#283c4d rgb(40,60,77)
```
#243c52
```
#243c52 rgb(36,60,82)
```
#1f3c56
```
#1f3c56 rgb(31,60,86)
```
#1b3d5b
```
#1b3d5b rgb(27,61,91)
```
#163d5f
```
#163d5f rgb(22,61,95)
```
#123d64
```
#123d64 rgb(18,61,100)
```
#0d3e68
```
#0d3e68 rgb(13,62,104)
```
#093e6d
```
#093e6d rgb(9,62,109)
```
#043e71
```
#043e71 rgb(4,62,113)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#2f373d Atypical Achromatopsia 0.001% of the population

Dichromacy

#384364 Protanopia 1% of men
#2f4568 Deuteranopia 1% of men
#004b51 Tritanopia 0.001% of the population

Trichromacy

#2b4162 Protanomaly 1% of men, 0.01% of women
#264264 Deuteranomaly 6% of men, 0.4% of women
#084656 Tritanomaly 0.01% of the population

#163d5f hex color

#163d5f Color Information

#163d5f Color Conversion

Color Schemes with #163d5f

Alternatives to #163d5f

#163d5f Preview

Shades and Tints of #163d5f

Tones of #163d5f

Color Blindness Simulator