#164ea5 hex color

In a RGB color space, hex #164ea5 is composed of 8.6% red, 30.6% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 52.7% magenta, 0% yellow and 35.3% black. It has a hue angle of 216.5 degrees, a saturation of 76.5% and a lightness of 36.7%. #164ea5 color hex could be obtained by blending #2c9cff with #00004b. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 9
- G 31
- B 65
RGB color chart
- C 87
- M 53
- Y 0
- K 35
CMYK color chart

● #164ea5 color description : Dark blue.

The hexadecimal color #164ea5 has RGB values of R:22, G:78, B:165 and CMYK values of C:0.87, M:0.53, Y:0, K:0.35. Its decimal value is 1461925.

Hex triplet	164ea5	`#164ea5`
RGB Decimal	22, 78, 165	`rgb(22,78,165)`
RGB Percent	8.6, 30.6, 64.7	`rgb(8.6%,30.6%,64.7%)`
CMYK	87, 53, 0, 35
HSL	216.5°, 76.5, 36.7	`hsl(216.5,76.5%,36.7%)`
HSV (or HSB)	216.5°, 86.7, 64.7
Web Safe	006699	`#006699`

CIE-LAB	34.671, 16.408, -51.804
XYZ	9.845, 8.335, 36.685
xyY	0.179, 0.152, 8.335
CIE-LCH	34.671, 54.34, 287.575
CIE-LUV	34.671, -16.701, -73.044
Hunter-Lab	28.871, 10.347, -55.129
Binary	00010110, 01001110, 10100101

#164ea5
```
#164ea5 rgb(22,78,165)
```
#a56d16
```
#a56d16 rgb(165,109,22)
```

Complementary Color

#1696a5
```
#1696a5 rgb(22,150,165)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#2616a5
```
#2616a5 rgb(38,22,165)
```

Analogous Color

#96a516
```
#96a516 rgb(150,165,22)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#a52616
```
#a52616 rgb(165,38,22)
```

Split Complementary Color

#4ea516
```
#4ea516 rgb(78,165,22)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#a5164e
```
#a5164e rgb(165,22,78)
```

Triadic Color

#16a56d
```
#16a56d rgb(22,165,109)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#a5164e
```
#a5164e rgb(165,22,78)
```
#a56d16
```
#a56d16 rgb(165,109,22)
```

Tetradic Color

#0d2e62
```
#0d2e62 rgb(13,46,98)
```
#103978
```
#103978 rgb(16,57,120)
```
#13438f
```
#13438f rgb(19,67,143)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#1959bc
```
#1959bc rgb(25,89,188)
```
#1c63d2
```
#1c63d2 rgb(28,99,210)
```
#266fe2
```
#266fe2 rgb(38,111,226)
```

Monochromatic Color

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

#1672a5
```
#1672a5 rgb(22,114,165)
```
#1666a5
```
#1666a5 rgb(22,102,165)
```
#165aa5
```
#165aa5 rgb(22,90,165)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#1642a5
```
#1642a5 rgb(22,66,165)
```
#1636a5
```
#1636a5 rgb(22,54,165)
```
#162aa5
```
#162aa5 rgb(22,42,165)
```

Similar Colors

Text with hexadecimal color #164ea5

This text has a font color of #164ea5.

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

#164ea5 background color

This paragraph has a background color of #164ea5.

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

#164ea5 border color

This element has a border color of #164ea5.

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

CSS codes

.text {color:#164ea5;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#040d1b
```
#040d1b rgb(4,13,27)
```
#06152c
```
#06152c rgb(6,21,44)
```
#081d3d
```
#081d3d rgb(8,29,61)
```
#0a254e
```
#0a254e rgb(10,37,78)
```
#0d2d60
```
#0d2d60 rgb(13,45,96)
```
#0f3571
```
#0f3571 rgb(15,53,113)
```
#113e82
```
#113e82 rgb(17,62,130)
```
#144694
```
#144694 rgb(20,70,148)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#1856b6
```
#1856b6 rgb(24,86,182)
```
#1b5ec8
```
#1b5ec8 rgb(27,94,200)
```
#1d67d9
```
#1d67d9 rgb(29,103,217)
```

Shade Color Variation

#2770e2
```
#2770e2 rgb(39,112,226)
```
#397ce5
```
#397ce5 rgb(57,124,229)
```
#4a87e7
```
#4a87e7 rgb(74,135,231)
```
#5b93e9
```
#5b93e9 rgb(91,147,233)
```
#6c9eeb
```
#6c9eeb rgb(108,158,235)
```
#7eaaee
```
#7eaaee rgb(126,170,238)
```
#8fb5f0
```
#8fb5f0 rgb(143,181,240)
```
#a0c0f2
```
#a0c0f2 rgb(160,192,242)
```
#b2ccf5
```
#b2ccf5 rgb(178,204,245)
```
#c3d7f7
```
#c3d7f7 rgb(195,215,247)
```
#d4e3f9
```
#d4e3f9 rgb(212,227,249)
```
#e6eefc
```
#e6eefc rgb(230,238,252)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575c64 is the less saturated color, while #0049bb is the most saturated one.

#575c64
```
#575c64 rgb(87,92,100)
```
#505a6b
```
#505a6b rgb(80,90,107)
```
#485973
```
#485973 rgb(72,89,115)
```
#41577a
```
#41577a rgb(65,87,122)
```
#3a5681
```
#3a5681 rgb(58,86,129)
```
#335488
```
#335488 rgb(51,84,136)
```
#2c538f
```
#2c538f rgb(44,83,143)
```
#245197
```
#245197 rgb(36,81,151)
```
#1d509e
```
#1d509e rgb(29,80,158)
```
#164ea5
```
#164ea5 rgb(22,78,165)
```
#0f4cac
```
#0f4cac rgb(15,76,172)
```
#084bb3
```
#084bb3 rgb(8,75,179)
```
#0049bb
```
#0049bb rgb(0,73,187)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3d485a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1757aa Protanopia 1% of men
#005c97 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#1654a8 Protanomaly 1% of men, 0.01% of women
#08579c Deuteranomaly 6% of men, 0.4% of women
#085b7e Tritanomaly 0.01% of the population

#164ea5 hex color

#164ea5 Color Information

#164ea5 Color Conversion

Color Schemes with #164ea5

Alternatives to #164ea5

#164ea5 Preview

Shades and Tints of #164ea5

Tones of #164ea5

Color Blindness Simulator