#164d80 hex color

In a RGB color space, hex #164d80 is composed of 8.6% red, 30.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 39.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 208.9 degrees, a saturation of 70.7% and a lightness of 29.4%. #164d80 color hex could be obtained by blending #2c9aff with #000001. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 30
- B 50
RGB color chart
- C 83
- M 40
- Y 0
- K 50
CMYK color chart

● #164d80 color description : Dark blue.

The hexadecimal color #164d80 has RGB values of R:22, G:77, B:128 and CMYK values of C:0.83, M:0.4, Y:0, K:0.5. Its decimal value is 1461632.

Hex triplet	164d80	`#164d80`
RGB Decimal	22, 77, 128	`rgb(22,77,128)`
RGB Percent	8.6, 30.2, 50.2	`rgb(8.6%,30.2%,50.2%)`
CMYK	83, 40, 0, 50
HSL	208.9°, 70.7, 29.4	`hsl(208.9,70.7%,29.4%)`
HSV (or HSB)	208.9°, 82.8, 50.2
Web Safe	006699	`#006699`

CIE-LAB	31.889, 1.96, -33.744
XYZ	6.88, 7.036, 21.416
xyY	0.195, 0.199, 7.036
CIE-LCH	31.889, 33.801, 273.325
CIE-LUV	31.889, -17.44, -45.56
Hunter-Lab	26.526, -0.122, -29.301
Binary	00010110, 01001101, 10000000

#164d80
```
#164d80 rgb(22,77,128)
```
#804916
```
#804916 rgb(128,73,22)
```

Complementary Color

#16807e
```
#16807e rgb(22,128,126)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#161880
```
#161880 rgb(22,24,128)
```

Analogous Color

#807e16
```
#807e16 rgb(128,126,22)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#801618
```
#801618 rgb(128,22,24)
```

Split Complementary Color

#4d8016
```
#4d8016 rgb(77,128,22)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#80164d
```
#80164d rgb(128,22,77)
```

Triadic Color

#168049
```
#168049 rgb(22,128,73)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#80164d
```
#80164d rgb(128,22,77)
```
#804916
```
#804916 rgb(128,73,22)
```

Tetradic Color

#0b263f
```
#0b263f rgb(11,38,63)
```
#0f3354
```
#0f3354 rgb(15,51,84)
```
#12406a
```
#12406a rgb(18,64,106)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#1a5a96
```
#1a5a96 rgb(26,90,150)
```
#1d67ac
```
#1d67ac rgb(29,103,172)
```
#2174c1
```
#2174c1 rgb(33,116,193)
```

Monochromatic Color

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

#166880
```
#166880 rgb(22,104,128)
```
#165f80
```
#165f80 rgb(22,95,128)
```
#165680
```
#165680 rgb(22,86,128)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#164480
```
#164480 rgb(22,68,128)
```
#163b80
```
#163b80 rgb(22,59,128)
```
#163380
```
#163380 rgb(22,51,128)
```

Similar Colors

Text with hexadecimal color #164d80

This text has a font color of #164d80.

<span style="color:#164d80;">Text here</span>

#164d80 background color

This paragraph has a background color of #164d80.

<p style="background-color:#164d80;">Content here</p>

#164d80 border color

This element has a border color of #164d80.

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

CSS codes

.text {color:#164d80;}

.background {background-color:#164d80;}

.border {border:1px solid #164d80;}

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#05111c
```
#05111c rgb(5,17,28)
```
#081b2c
```
#081b2c rgb(8,27,44)
```
#0a253d
```
#0a253d rgb(10,37,61)
```
#0d2f4e
```
#0d2f4e rgb(13,47,78)
```
#10395f
```
#10395f rgb(16,57,95)
```
#13436f
```
#13436f rgb(19,67,111)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#195791
```
#195791 rgb(25,87,145)
```
#1c61a1
```
#1c61a1 rgb(28,97,161)
```
#1f6bb2
```
#1f6bb2 rgb(31,107,178)
```
#2275c3
```
#2275c3 rgb(34,117,195)
```
#247fd4
```
#247fd4 rgb(36,127,212)
```

Shade Color Variation

#3089db
```
#3089db rgb(48,137,219)
```
#4193de
```
#4193de rgb(65,147,222)
```
#529ce1
```
#529ce1 rgb(82,156,225)
```
#62a6e4
```
#62a6e4 rgb(98,166,228)
```
#73afe7
```
#73afe7 rgb(115,175,231)
```
#84b9ea
```
#84b9ea rgb(132,185,234)
```
#95c2ed
```
#95c2ed rgb(149,194,237)
```
#a5ccf0
```
#a5ccf0 rgb(165,204,240)
```
#b6d5f2
```
#b6d5f2 rgb(182,213,242)
```
#c7dff5
```
#c7dff5 rgb(199,223,245)
```
#d8e9f8
```
#d8e9f8 rgb(216,233,248)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4b4c is the less saturated color, while #054e91 is the most saturated one.

#4a4b4c
```
#4a4b4c rgb(74,75,76)
```
#444b52
```
#444b52 rgb(68,75,82)
```
#3e4b58
```
#3e4b58 rgb(62,75,88)
```
#394c5d
```
#394c5d rgb(57,76,93)
```
#334c63
```
#334c63 rgb(51,76,99)
```
#2d4c69
```
#2d4c69 rgb(45,76,105)
```
#274c6f
```
#274c6f rgb(39,76,111)
```
#224d74
```
#224d74 rgb(34,77,116)
```
#1c4d7a
```
#1c4d7a rgb(28,77,122)
```
#164d80
```
#164d80 rgb(22,77,128)
```
#104d86
```
#104d86 rgb(16,77,134)
```
#0a4d8c
```
#0a4d8c rgb(10,77,140)
```
#054e91
```
#054e91 rgb(5,78,145)
```

Tone Color Variation

Below, you can see how #164d80 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

#424242 Achromatopsia 0.005% of the population
#39444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5283 Protanopia 1% of men
#2d5587 Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#305082 Protanomaly 1% of men, 0.01% of women
#245284 Deuteranomaly 6% of men, 0.4% of women
#08566d Tritanomaly 0.01% of the population

#164d80 hex color

#164d80 Color Information

#164d80 Color Conversion

Color Schemes with #164d80

Alternatives to #164d80

#164d80 Preview

Shades and Tints of #164d80

Tones of #164d80

Color Blindness Simulator