#164af7 hex color

In a RGB color space, hex #164af7 is composed of 8.6% red, 29% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.1% cyan, 70% magenta, 0% yellow and 3.1% black. It has a hue angle of 226.1 degrees, a saturation of 93.4% and a lightness of 52.7%. #164af7 color hex could be obtained by blending #2c94ff with #0000ef. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 9
- G 29
- B 97
RGB color chart
- C 91
- M 70
- Y 0
- K 3
CMYK color chart

● #164af7 color description : Vivid blue.

The hexadecimal color #164af7 has RGB values of R:22, G:74, B:247 and CMYK values of C:0.91, M:0.7, Y:0, K:0.03. Its decimal value is 1460983.

Hex triplet	164af7	`#164af7`
RGB Decimal	22, 74, 247	`rgb(22,74,247)`
RGB Percent	8.6, 29, 96.9	`rgb(8.6%,29%,96.9%)`
CMYK	91, 70, 0, 3
HSL	226.1°, 93.4, 52.7	`hsl(226.1,93.4%,52.7%)`
HSV (or HSB)	226.1°, 91.1, 96.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.867, 50.103, -89.115
XYZ	19.565, 11.782, 89.234
xyY	0.162, 0.098, 11.782
CIE-LCH	40.867, 102.235, 299.346
CIE-LUV	40.867, -15.501, -127.403
Hunter-Lab	34.325, 41.674, -130.108
Binary	00010110, 01001010, 11110111

#164af7
```
#164af7 rgb(22,74,247)
```
#f7c316
```
#f7c316 rgb(247,195,22)
```

Complementary Color

#16bbf7
```
#16bbf7 rgb(22,187,247)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#5316f7
```
#5316f7 rgb(83,22,247)
```

Analogous Color

#bbf716
```
#bbf716 rgb(187,247,22)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#f75316
```
#f75316 rgb(247,83,22)
```

Split Complementary Color

#4af716
```
#4af716 rgb(74,247,22)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#f7164a
```
#f7164a rgb(247,22,74)
```

Triadic Color

#16f7c3
```
#16f7c3 rgb(22,247,195)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#f7164a
```
#f7164a rgb(247,22,74)
```
#f7c316
```
#f7c316 rgb(247,195,22)
```

Tetradic Color

#0630ba
```
#0630ba rgb(6,48,186)
```
#0736d3
```
#0736d3 rgb(7,54,211)
```
#083deb
```
#083deb rgb(8,61,235)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#2f5df8
```
#2f5df8 rgb(47,93,248)
```
#4770f9
```
#4770f9 rgb(71,112,249)
```
#6083fa
```
#6083fa rgb(96,131,250)
```

Monochromatic Color

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

#1682f7
```
#1682f7 rgb(22,130,247)
```
#1670f7
```
#1670f7 rgb(22,112,247)
```
#165df7
```
#165df7 rgb(22,93,247)
```
#164af7
```
#164af7 rgb(22,74,247)
```
#1637f7
```
#1637f7 rgb(22,55,247)
```
#1625f7
```
#1625f7 rgb(22,37,247)
```
#1a16f7
```
#1a16f7 rgb(26,22,247)
```

Similar Colors

Text with hexadecimal color #164af7

This text has a font color of #164af7.

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

#164af7 background color

This paragraph has a background color of #164af7.

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

#164af7 border color

This element has a border color of #164af7.

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

CSS codes

.text {color:#164af7;}

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

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

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, #00030e is the darkest color, while #fafbff is the lightest one.

#00030e
```
#00030e rgb(0,3,14)
```
#010820
```
#010820 rgb(1,8,32)
```
#020d33
```
#020d33 rgb(2,13,51)
```
#021246
```
#021246 rgb(2,18,70)
```
#031759
```
#031759 rgb(3,23,89)
```
#041c6c
```
#041c6c rgb(4,28,108)
```
#04217f
```
#04217f rgb(4,33,127)
```
#052692
```
#052692 rgb(5,38,146)
```
#062ba5
```
#062ba5 rgb(6,43,165)
```
#062fb8
```
#062fb8 rgb(6,47,184)
```
#0734cb
```
#0734cb rgb(7,52,203)
```
#0839de
```
#0839de rgb(8,57,222)
```
#083ef1
```
#083ef1 rgb(8,62,241)
```

Shade Color Variation

#164af7
```
#164af7 rgb(22,74,247)
```
#2959f8
```
#2959f8 rgb(41,89,248)
```
#3c67f8
```
#3c67f8 rgb(60,103,248)
```
#4f76f9
```
#4f76f9 rgb(79,118,249)
```
#6285fa
```
#6285fa rgb(98,133,250)
```
#7594fa
```
#7594fa rgb(117,148,250)
```
#88a2fb
```
#88a2fb rgb(136,162,251)
```
#9bb1fc
```
#9bb1fc rgb(155,177,252)
```
#aec0fc
```
#aec0fc rgb(174,192,252)
```
#c1cffd
```
#c1cffd rgb(193,207,253)
```
#d4ddfe
```
#d4ddfe rgb(212,221,254)
```
#e7ecfe
```
#e7ecfe rgb(231,236,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#858688
```
#858688 rgb(133,134,136)
```
#7c8191
```
#7c8191 rgb(124,129,145)
```
#737c9a
```
#737c9a rgb(115,124,154)
```
#6977a4
```
#6977a4 rgb(105,119,164)
```
#6072ad
```
#6072ad rgb(96,114,173)
```
#576db6
```
#576db6 rgb(87,109,182)
```
#4e68bf
```
#4e68bf rgb(78,104,191)
```
#4463c9
```
#4463c9 rgb(68,99,201)
```
#3b5ed2
```
#3b5ed2 rgb(59,94,210)
```
#3259db
```
#3259db rgb(50,89,219)
```
#2954e4
```
#2954e4 rgb(41,84,228)
```
#1f4fee
```
#1f4fee rgb(31,79,238)
```
#164af7
```
#164af7 rgb(22,74,247)
```

Tone Color Variation

Below, you can see how #164af7 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
#434d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#085bd7 Protanomaly 1% of men, 0.01% of women
#085fc6 Deuteranomaly 6% of men, 0.4% of women
#0864a6 Tritanomaly 0.01% of the population

#164af7 hex color

#164af7 Color Information

#164af7 Color Conversion

Color Schemes with #164af7

Alternatives to #164af7

#164af7 Preview

Shades and Tints of #164af7

Tones of #164af7

Color Blindness Simulator