#168af5 hex color

In a RGB color space, hex #168af5 is composed of 8.6% red, 54.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 43.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 208.8 degrees, a saturation of 91.8% and a lightness of 52.4%. #168af5 color hex could be obtained by blending #2cffff with #0015eb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 54
- B 96
RGB color chart
- C 91
- M 44
- Y 0
- K 4
CMYK color chart

● #168af5 color description : Vivid blue.

The hexadecimal color #168af5 has RGB values of R:22, G:138, B:245 and CMYK values of C:0.91, M:0.44, Y:0, K:0.04. Its decimal value is 1477365.

Hex triplet	168af5	`#168af5`
RGB Decimal	22, 138, 245	`rgb(22,138,245)`
RGB Percent	8.6, 54.1, 96.1	`rgb(8.6%,54.1%,96.1%)`
CMYK	91, 44, 0, 4
HSL	208.8°, 91.8, 52.4	`hsl(208.8,91.8%,52.4%)`
HSV (or HSB)	208.8°, 91, 96.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.015, 9.427, -61.691
XYZ	25.897, 24.938, 89.83
xyY	0.184, 0.177, 24.938
CIE-LCH	57.015, 62.407, 278.688
CIE-LUV	57.015, -31.949, -98.636
Hunter-Lab	49.938, 5.177, -71.697
Binary	00010110, 10001010, 11110101

#168af5
```
#168af5 rgb(22,138,245)
```
#f58116
```
#f58116 rgb(245,129,22)
```

Complementary Color

#16f5f1
```
#16f5f1 rgb(22,245,241)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#161bf5
```
#161bf5 rgb(22,27,245)
```

Analogous Color

#f5f116
```
#f5f116 rgb(245,241,22)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#f5161b
```
#f5161b rgb(245,22,27)
```

Split Complementary Color

#8af516
```
#8af516 rgb(138,245,22)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#f5168a
```
#f5168a rgb(245,22,138)
```

Triadic Color

#16f581
```
#16f581 rgb(22,245,129)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#f5168a
```
#f5168a rgb(245,22,138)
```
#f58116
```
#f58116 rgb(245,129,22)
```

Tetradic Color

#0863b7
```
#0863b7 rgb(8,99,183)
```
#0970cf
```
#0970cf rgb(9,112,207)
```
#0a7de8
```
#0a7de8 rgb(10,125,232)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#2e96f6
```
#2e96f6 rgb(46,150,246)
```
#47a3f7
```
#47a3f7 rgb(71,163,247)
```
#5faff8
```
#5faff8 rgb(95,175,248)
```

Monochromatic Color

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

#16c2f5
```
#16c2f5 rgb(22,194,245)
```
#16aff5
```
#16aff5 rgb(22,175,245)
```
#169df5
```
#169df5 rgb(22,157,245)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#1677f5
```
#1677f5 rgb(22,119,245)
```
#1665f5
```
#1665f5 rgb(22,101,245)
```
#1652f5
```
#1652f5 rgb(22,82,245)
```

Similar Colors

Text with hexadecimal color #168af5

This text has a font color of #168af5.

<span style="color:#168af5;">Text here</span>

#168af5 background color

This paragraph has a background color of #168af5.

<p style="background-color:#168af5;">Content here</p>

#168af5 border color

This element has a border color of #168af5.

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

CSS codes

.text {color:#168af5;}

.background {background-color:#168af5;}

.border {border:1px solid #168af5;}

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, #00060c is the darkest color, while #f8fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#01101e
```
#01101e rgb(1,16,30)
```
#021b31
```
#021b31 rgb(2,27,49)
```
#032544
```
#032544 rgb(3,37,68)
```
#042f57
```
#042f57 rgb(4,47,87)
```
#05396a
```
#05396a rgb(5,57,106)
```
#05437c
```
#05437c rgb(5,67,124)
```
#064d8f
```
#064d8f rgb(6,77,143)
```
#0758a2
```
#0758a2 rgb(7,88,162)
```
#0862b5
```
#0862b5 rgb(8,98,181)
```
#096cc8
```
#096cc8 rgb(9,108,200)
```
#0976da
```
#0976da rgb(9,118,218)
```
#0a80ed
```
#0a80ed rgb(10,128,237)
```

Shade Color Variation

#168af5
```
#168af5 rgb(22,138,245)
```
#2993f6
```
#2993f6 rgb(41,147,246)
```
#3c9df7
```
#3c9df7 rgb(60,157,247)
```
#4ea6f7
```
#4ea6f7 rgb(78,166,247)
```
#61b0f8
```
#61b0f8 rgb(97,176,248)
```
#74b9f9
```
#74b9f9 rgb(116,185,249)
```
#87c3fa
```
#87c3fa rgb(135,195,250)
```
#9accfb
```
#9accfb rgb(154,204,251)
```
#acd6fb
```
#acd6fb rgb(172,214,251)
```
#bfdffc
```
#bfdffc rgb(191,223,252)
```
#d2e8fd
```
#d2e8fd rgb(210,232,253)
```
#e5f2fe
```
#e5f2fe rgb(229,242,254)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d868e is the less saturated color, while #0d8afe is the most saturated one.

#7d868e
```
#7d868e rgb(125,134,142)
```
#738698
```
#738698 rgb(115,134,152)
```
#6a87a1
```
#6a87a1 rgb(106,135,161)
```
#6187aa
```
#6187aa rgb(97,135,170)
```
#5787b4
```
#5787b4 rgb(87,135,180)
```
#4e88bd
```
#4e88bd rgb(78,136,189)
```
#4588c6
```
#4588c6 rgb(69,136,198)
```
#3b88d0
```
#3b88d0 rgb(59,136,208)
```
#3289d9
```
#3289d9 rgb(50,137,217)
```
#2989e2
```
#2989e2 rgb(41,137,226)
```
#1f8aec
```
#1f8aec rgb(31,138,236)
```
#168af5
```
#168af5 rgb(22,138,245)
```
#0d8afe
```
#0d8afe rgb(13,138,254)
```

Tone Color Variation

Below, you can see how #168af5 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

#747474 Achromatopsia 0.005% of the population
#61788e Atypical Achromatopsia 0.001% of the population

Dichromacy

#598bf1 Protanopia 1% of men
#0091f2 Deuteranopia 1% of men
#009da6 Tritanopia 0.001% of the population

Trichromacy

#418bf2 Protanomaly 1% of men, 0.01% of women
#088ef3 Deuteranomaly 6% of men, 0.4% of women
#0896c3 Tritanomaly 0.01% of the population

#168af5 hex color

#168af5 Color Information

#168af5 Color Conversion

Color Schemes with #168af5

Alternatives to #168af5

#168af5 Preview

Shades and Tints of #168af5

Tones of #168af5

Color Blindness Simulator