#168cf5 hex color

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

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

● #168cf5 color description : Vivid blue.

The hexadecimal color #168cf5 has RGB values of R:22, G:140, B:245 and CMYK values of C:0.91, M:0.43, Y:0, K:0.04. Its decimal value is 1477877.

Hex triplet	168cf5	`#168cf5`
RGB Decimal	22, 140, 245	`rgb(22,140,245)`
RGB Percent	8.6, 54.9, 96.1	`rgb(8.6%,54.9%,96.1%)`
CMYK	91, 43, 0, 4
HSL	208.3°, 91.8, 52.4	`hsl(208.3,91.8%,52.4%)`
HSV (or HSB)	208.3°, 91, 96.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.576, 8.213, -60.791
XYZ	26.187, 25.517, 89.926
xyY	0.185, 0.18, 25.517
CIE-LCH	57.576, 61.343, 277.694
CIE-LUV	57.576, -32.567, -97.284
Hunter-Lab	50.514, 4.134, -70.189
Binary	00010110, 10001100, 11110101

#168cf5
```
#168cf5 rgb(22,140,245)
```
#f57f16
```
#f57f16 rgb(245,127,22)
```

Complementary Color

#16f5ef
```
#16f5ef rgb(22,245,239)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#161df5
```
#161df5 rgb(22,29,245)
```

Analogous Color

#f5ef16
```
#f5ef16 rgb(245,239,22)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#f5161d
```
#f5161d rgb(245,22,29)
```

Split Complementary Color

#8cf516
```
#8cf516 rgb(140,245,22)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#f5168c
```
#f5168c rgb(245,22,140)
```

Triadic Color

#16f57f
```
#16f57f rgb(22,245,127)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#f5168c
```
#f5168c rgb(245,22,140)
```
#f57f16
```
#f57f16 rgb(245,127,22)
```

Tetradic Color

#0864b7
```
#0864b7 rgb(8,100,183)
```
#0972cf
```
#0972cf rgb(9,114,207)
```
#0a7fe8
```
#0a7fe8 rgb(10,127,232)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#2e98f6
```
#2e98f6 rgb(46,152,246)
```
#47a4f7
```
#47a4f7 rgb(71,164,247)
```
#5fb0f8
```
#5fb0f8 rgb(95,176,248)
```

Monochromatic Color

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

#16c4f5
```
#16c4f5 rgb(22,196,245)
```
#16b1f5
```
#16b1f5 rgb(22,177,245)
```
#169ff5
```
#169ff5 rgb(22,159,245)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#1679f5
```
#1679f5 rgb(22,121,245)
```
#1667f5
```
#1667f5 rgb(22,103,245)
```
#1654f5
```
#1654f5 rgb(22,84,245)
```

Similar Colors

Text with hexadecimal color #168cf5

This text has a font color of #168cf5.

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

#168cf5 background color

This paragraph has a background color of #168cf5.

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

#168cf5 border color

This element has a border color of #168cf5.

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

CSS codes

.text {color:#168cf5;}

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

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

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)
```
#01111e
```
#01111e rgb(1,17,30)
```
#021b31
```
#021b31 rgb(2,27,49)
```
#032544
```
#032544 rgb(3,37,68)
```
#043057
```
#043057 rgb(4,48,87)
```
#053a6a
```
#053a6a rgb(5,58,106)
```
#05447c
```
#05447c rgb(5,68,124)
```
#064f8f
```
#064f8f rgb(6,79,143)
```
#0759a2
```
#0759a2 rgb(7,89,162)
```
#0863b5
```
#0863b5 rgb(8,99,181)
```
#096ec8
```
#096ec8 rgb(9,110,200)
```
#0978da
```
#0978da rgb(9,120,218)
```
#0a82ed
```
#0a82ed rgb(10,130,237)
```

Shade Color Variation

#168cf5
```
#168cf5 rgb(22,140,245)
```
#2995f6
```
#2995f6 rgb(41,149,246)
```
#3c9ff7
```
#3c9ff7 rgb(60,159,247)
```
#4ea8f7
```
#4ea8f7 rgb(78,168,247)
```
#61b1f8
```
#61b1f8 rgb(97,177,248)
```
#74baf9
```
#74baf9 rgb(116,186,249)
```
#87c4fa
```
#87c4fa rgb(135,196,250)
```
#9acdfb
```
#9acdfb rgb(154,205,251)
```
#acd6fb
```
#acd6fb rgb(172,214,251)
```
#bfe0fc
```
#bfe0fc rgb(191,224,252)
```
#d2e9fd
```
#d2e9fd rgb(210,233,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 #0d8dfe is the most saturated one.

#7d868e
```
#7d868e rgb(125,134,142)
```
#738798
```
#738798 rgb(115,135,152)
```
#6a87a1
```
#6a87a1 rgb(106,135,161)
```
#6188aa
```
#6188aa rgb(97,136,170)
```
#5788b4
```
#5788b4 rgb(87,136,180)
```
#4e89bd
```
#4e89bd rgb(78,137,189)
```
#4589c6
```
#4589c6 rgb(69,137,198)
```
#3b8ad0
```
#3b8ad0 rgb(59,138,208)
```
#328ad9
```
#328ad9 rgb(50,138,217)
```
#298be2
```
#298be2 rgb(41,139,226)
```
#1f8bec
```
#1f8bec rgb(31,139,236)
```
#168cf5
```
#168cf5 rgb(22,140,245)
```
#0d8dfe
```
#0d8dfe rgb(13,141,254)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#627a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8df1 Protanopia 1% of men
#0092f4 Deuteranopia 1% of men
#009ea8 Tritanopia 0.001% of the population

Trichromacy

#438cf2 Protanomaly 1% of men, 0.01% of women
#0890f4 Deuteranomaly 6% of men, 0.4% of women
#0897c4 Tritanomaly 0.01% of the population

#168cf5 hex color

#168cf5 Color Information

#168cf5 Color Conversion

Color Schemes with #168cf5

Alternatives to #168cf5

#168cf5 Preview

Shades and Tints of #168cf5

Tones of #168cf5

Color Blindness Simulator