#166afa hex color

In a RGB color space, hex #166afa is composed of 8.6% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 217.9 degrees, a saturation of 95.8% and a lightness of 53.3%. #166afa color hex could be obtained by blending #2cd4ff with #0000f5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 42
- B 98
RGB color chart
- C 91
- M 58
- Y 0
- K 2
CMYK color chart

● #166afa color description : Vivid blue.

The hexadecimal color #166afa has RGB values of R:22, G:106, B:250 and CMYK values of C:0.91, M:0.58, Y:0, K:0.02. Its decimal value is 1469178.

Hex triplet	166afa	`#166afa`
RGB Decimal	22, 106, 250	`rgb(22,106,250)`
RGB Percent	8.6, 41.6, 98	`rgb(8.6%,41.6%,98%)`
CMYK	91, 58, 0, 2
HSL	217.9°, 95.8, 53.3	`hsl(217.9,95.8%,53.3%)`
HSV (or HSB)	217.9°, 91.2, 98
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.734, 31.358, -77.873
XYZ	22.737, 17.379, 92.593
xyY	0.171, 0.131, 17.379
CIE-LCH	48.734, 83.949, 291.934
CIE-LUV	48.734, -22.67, -120.138
Hunter-Lab	41.688, 24.4, -102.508
Binary	00010110, 01101010, 11111010

#166afa
```
#166afa rgb(22,106,250)
```
#faa616
```
#faa616 rgb(250,166,22)
```

Complementary Color

#16dcfa
```
#16dcfa rgb(22,220,250)
```
#166afa
```
#166afa rgb(22,106,250)
```
#3416fa
```
#3416fa rgb(52,22,250)
```

Analogous Color

#dcfa16
```
#dcfa16 rgb(220,250,22)
```
#166afa
```
#166afa rgb(22,106,250)
```
#fa3416
```
#fa3416 rgb(250,52,22)
```

Split Complementary Color

#6afa16
```
#6afa16 rgb(106,250,22)
```
#166afa
```
#166afa rgb(22,106,250)
```
#fa166a
```
#fa166a rgb(250,22,106)
```

Triadic Color

#16faa6
```
#16faa6 rgb(22,250,166)
```
#166afa
```
#166afa rgb(22,106,250)
```
#fa166a
```
#fa166a rgb(250,22,106)
```
#faa616
```
#faa616 rgb(250,166,22)
```

Tetradic Color

#0449bf
```
#0449bf rgb(4,73,191)
```
#0553d8
```
#0553d8 rgb(5,83,216)
```
#055cf1
```
#055cf1 rgb(5,92,241)
```
#166afa
```
#166afa rgb(22,106,250)
```
#2f7afb
```
#2f7afb rgb(47,122,251)
```
#488afb
```
#488afb rgb(72,138,251)
```
#619afc
```
#619afc rgb(97,154,252)
```

Monochromatic Color

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

#16a3fa
```
#16a3fa rgb(22,163,250)
```
#1690fa
```
#1690fa rgb(22,144,250)
```
#167dfa
```
#167dfa rgb(22,125,250)
```
#166afa
```
#166afa rgb(22,106,250)
```
#1657fa
```
#1657fa rgb(22,87,250)
```
#1644fa
```
#1644fa rgb(22,68,250)
```
#1631fa
```
#1631fa rgb(22,49,250)
```

Similar Colors

Text with hexadecimal color #166afa

This text has a font color of #166afa.

<span style="color:#166afa;">Text here</span>

#166afa background color

This paragraph has a background color of #166afa.

<p style="background-color:#166afa;">Content here</p>

#166afa border color

This element has a border color of #166afa.

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

CSS codes

.text {color:#166afa;}

.background {background-color:#166afa;}

.border {border:1px solid #166afa;}

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

#000611
```
#000611 rgb(0,6,17)
```
#010e24
```
#010e24 rgb(1,14,36)
```
#011537
```
#011537 rgb(1,21,55)
```
#021c4a
```
#021c4a rgb(2,28,74)
```
#02245d
```
#02245d rgb(2,36,93)
```
#022b71
```
#022b71 rgb(2,43,113)
```
#033284
```
#033284 rgb(3,50,132)
```
#033a97
```
#033a97 rgb(3,58,151)
```
#0441aa
```
#0441aa rgb(4,65,170)
```
#0448bd
```
#0448bd rgb(4,72,189)
```
#0450d1
```
#0450d1 rgb(4,80,209)
```
#0557e4
```
#0557e4 rgb(5,87,228)
```
#055ef7
```
#055ef7 rgb(5,94,247)
```

Shade Color Variation

#166afa
```
#166afa rgb(22,106,250)
```
#2976fa
```
#2976fa rgb(41,118,250)
```
#3c83fb
```
#3c83fb rgb(60,131,251)
```
#508ffb
```
#508ffb rgb(80,143,251)
```
#639bfc
```
#639bfc rgb(99,155,252)
```
#76a7fc
```
#76a7fc rgb(118,167,252)
```
#89b4fc
```
#89b4fc rgb(137,180,252)
```
#9cc0fd
```
#9cc0fd rgb(156,192,253)
```
#b0ccfd
```
#b0ccfd rgb(176,204,253)
```
#c3d9fe
```
#c3d9fe rgb(195,217,254)
```
#d6e5fe
```
#d6e5fe rgb(214,229,254)
```
#e9f1ff
```
#e9f1ff rgb(233,241,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84878c is the less saturated color, while #166afa is the most saturated one.

#84878c
```
#84878c rgb(132,135,140)
```
#7b8495
```
#7b8495 rgb(123,132,149)
```
#72829e
```
#72829e rgb(114,130,158)
```
#6880a8
```
#6880a8 rgb(104,128,168)
```
#5f7db1
```
#5f7db1 rgb(95,125,177)
```
#567bba
```
#567bba rgb(86,123,186)
```
#4d78c3
```
#4d78c3 rgb(77,120,195)
```
#4476cc
```
#4476cc rgb(68,118,204)
```
#3b74d5
```
#3b74d5 rgb(59,116,213)
```
#3171df
```
#3171df rgb(49,113,223)
```
#286fe8
```
#286fe8 rgb(40,111,232)
```
#1f6cf1
```
#1f6cf1 rgb(31,108,241)
```
#166afa
```
#166afa rgb(22,106,250)
```

Tone Color Variation

Below, you can see how #166afa 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

#616161 Achromatopsia 0.005% of the population
#526380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecb Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0872ef Protanomaly 1% of men, 0.01% of women
#0876dc Deuteranomaly 6% of men, 0.4% of women
#087cb5 Tritanomaly 0.01% of the population

#166afa hex color

#166afa Color Information

#166afa Color Conversion

Color Schemes with #166afa

Alternatives to #166afa

#166afa Preview

Shades and Tints of #166afa

Tones of #166afa

Color Blindness Simulator