#164ede hex color

In a RGB color space, hex #164ede is composed of 8.6% red, 30.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 64.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 223.2 degrees, a saturation of 82% and a lightness of 47.8%. #164ede color hex could be obtained by blending #2c9cff with #0000bd. Closest websafe color is: #0066cc.

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

● #164ede color description : Vivid blue.

The hexadecimal color #164ede has RGB values of R:22, G:78, B:222 and CMYK values of C:0.9, M:0.65, Y:0, K:0.13. Its decimal value is 1461982.

Hex triplet	164ede	`#164ede`
RGB Decimal	22, 78, 222	`rgb(22,78,222)`
RGB Percent	8.6, 30.6, 87.1	`rgb(8.6%,30.6%,87.1%)`
CMYK	90, 65, 0, 13
HSL	223.2°, 82, 47.8	`hsl(223.2,82%,47.8%)`
HSV (or HSB)	223.2°, 90.1, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.398, 38.651, -77.387
XYZ	16.237, 10.892, 70.35
xyY	0.167, 0.112, 10.892
CIE-LCH	39.398, 86.503, 296.54
CIE-LUV	39.398, -16.178, -111.352
Hunter-Lab	33.003, 30.066, -103.282
Binary	00010110, 01001110, 11011110

#164ede
```
#164ede rgb(22,78,222)
```
#dea616
```
#dea616 rgb(222,166,22)
```

Complementary Color

#16b2de
```
#16b2de rgb(22,178,222)
```
#164ede
```
#164ede rgb(22,78,222)
```
#4216de
```
#4216de rgb(66,22,222)
```

Analogous Color

#b2de16
```
#b2de16 rgb(178,222,22)
```
#164ede
```
#164ede rgb(22,78,222)
```
#de4216
```
#de4216 rgb(222,66,22)
```

Split Complementary Color

#4ede16
```
#4ede16 rgb(78,222,22)
```
#164ede
```
#164ede rgb(22,78,222)
```
#de164e
```
#de164e rgb(222,22,78)
```

Triadic Color

#16dea6
```
#16dea6 rgb(22,222,166)
```
#164ede
```
#164ede rgb(22,78,222)
```
#de164e
```
#de164e rgb(222,22,78)
```
#dea616
```
#dea616 rgb(222,166,22)
```

Tetradic Color

#0f3698
```
#0f3698 rgb(15,54,152)
```
#113eb0
```
#113eb0 rgb(17,62,176)
```
#1446c7
```
#1446c7 rgb(20,70,199)
```
#164ede
```
#164ede rgb(22,78,222)
```
#245be9
```
#245be9 rgb(36,91,233)
```
#3b6dec
```
#3b6dec rgb(59,109,236)
```
#537eee
```
#537eee rgb(83,126,238)
```

Monochromatic Color

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

#1680de
```
#1680de rgb(22,128,222)
```
#166fde
```
#166fde rgb(22,111,222)
```
#165fde
```
#165fde rgb(22,95,222)
```
#164ede
```
#164ede rgb(22,78,222)
```
#163dde
```
#163dde rgb(22,61,222)
```
#162dde
```
#162dde rgb(22,45,222)
```
#161cde
```
#161cde rgb(22,28,222)
```

Similar Colors

Text with hexadecimal color #164ede

This text has a font color of #164ede.

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

#164ede background color

This paragraph has a background color of #164ede.

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

#164ede border color

This element has a border color of #164ede.

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

CSS codes

.text {color:#164ede;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#03091a
```
#03091a rgb(3,9,26)
```
#040f2c
```
#040f2c rgb(4,15,44)
```
#06163d
```
#06163d rgb(6,22,61)
```
#081c4f
```
#081c4f rgb(8,28,79)
```
#0a2261
```
#0a2261 rgb(10,34,97)
```
#0b2873
```
#0b2873 rgb(11,40,115)
```
#0d2f85
```
#0d2f85 rgb(13,47,133)
```
#0f3597
```
#0f3597 rgb(15,53,151)
```
#113ba8
```
#113ba8 rgb(17,59,168)
```
#1241ba
```
#1241ba rgb(18,65,186)
```
#1448cc
```
#1448cc rgb(20,72,204)
```
#164ede
```
#164ede rgb(22,78,222)
```

Shade Color Variation

#1f57e9
```
#1f57e9 rgb(31,87,233)
```
#3165eb
```
#3165eb rgb(49,101,235)
```
#4372ec
```
#4372ec rgb(67,114,236)
```
#547fee
```
#547fee rgb(84,127,238)
```
#668df0
```
#668df0 rgb(102,141,240)
```
#789af2
```
#789af2 rgb(120,154,242)
```
#8aa7f3
```
#8aa7f3 rgb(138,167,243)
```
#9cb5f5
```
#9cb5f5 rgb(156,181,245)
```
#aec2f7
```
#aec2f7 rgb(174,194,247)
```
#bfcff9
```
#bfcff9 rgb(191,207,249)
```
#d1ddfa
```
#d1ddfa rgb(209,221,250)
```
#e3eafc
```
#e3eafc rgb(227,234,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#747780
```
#747780 rgb(116,119,128)
```
#6a738a
```
#6a738a rgb(106,115,138)
```
#616f93
```
#616f93 rgb(97,111,147)
```
#586b9c
```
#586b9c rgb(88,107,156)
```
#4e67a6
```
#4e67a6 rgb(78,103,166)
```
#4563af
```
#4563af rgb(69,99,175)
```
#3c5fb8
```
#3c5fb8 rgb(60,95,184)
```
#325ac2
```
#325ac2 rgb(50,90,194)
```
#2956cb
```
#2956cb rgb(41,86,203)
```
#1f52d5
```
#1f52d5 rgb(31,82,213)
```
#164ede
```
#164ede rgb(22,78,222)
```
#0d4ae7
```
#0d4ae7 rgb(13,74,231)
```
#0346f1
```
#0346f1 rgb(3,70,241)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#434e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#085aca Protanomaly 1% of men, 0.01% of women
#085eba Deuteranomaly 6% of men, 0.4% of women
#08639b Tritanomaly 0.01% of the population

#164ede hex color

#164ede Color Information

#164ede Color Conversion

Color Schemes with #164ede

Alternatives to #164ede

#164ede Preview

Shades and Tints of #164ede

Tones of #164ede

Color Blindness Simulator