#168feb hex color

In a RGB color space, hex #168feb is composed of 8.6% red, 56.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 39.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 205.9 degrees, a saturation of 84.2% and a lightness of 50.4%. #168feb color hex could be obtained by blending #2cffff with #001fd7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 56
- B 92
RGB color chart
- C 91
- M 39
- Y 0
- K 8
CMYK color chart

● #168feb color description : Vivid blue.

The hexadecimal color #168feb has RGB values of R:22, G:143, B:235 and CMYK values of C:0.91, M:0.39, Y:0, K:0.08. Its decimal value is 1478635.

Hex triplet	168feb	`#168feb`
RGB Decimal	22, 143, 235	`rgb(22,143,235)`
RGB Percent	8.6, 56.1, 92.2	`rgb(8.6%,56.1%,92.2%)`
CMYK	91, 39, 0, 8
HSL	205.9°, 84.2, 50.4	`hsl(205.9,84.2%,50.4%)`
HSV (or HSB)	205.9°, 90.6, 92.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.858, 2.627, -54.806
XYZ	25.145, 25.811, 82.249
xyY	0.189, 0.194, 25.811
CIE-LCH	57.858, 54.869, 272.744
CIE-LUV	57.858, -34.018, -87.146
Hunter-Lab	50.805, -0.562, -60.423
Binary	00010110, 10001111, 11101011

#168feb
```
#168feb rgb(22,143,235)
```
#eb7216
```
#eb7216 rgb(235,114,22)
```

Complementary Color

#16ebdd
```
#16ebdd rgb(22,235,221)
```
#168feb
```
#168feb rgb(22,143,235)
```
#1624eb
```
#1624eb rgb(22,36,235)
```

Analogous Color

#ebdd16
```
#ebdd16 rgb(235,221,22)
```
#168feb
```
#168feb rgb(22,143,235)
```
#eb1625
```
#eb1625 rgb(235,22,37)
```

Split Complementary Color

#8feb16
```
#8feb16 rgb(143,235,22)
```
#168feb
```
#168feb rgb(22,143,235)
```
#eb168f
```
#eb168f rgb(235,22,143)
```

Triadic Color

#16eb72
```
#16eb72 rgb(22,235,114)
```
#168feb
```
#168feb rgb(22,143,235)
```
#eb168f
```
#eb168f rgb(235,22,143)
```
#eb7216
```
#eb7216 rgb(235,114,22)
```

Tetradic Color

#0e65a6
```
#0e65a6 rgb(14,101,166)
```
#1073be
```
#1073be rgb(16,115,190)
```
#1281d5
```
#1281d5 rgb(18,129,213)
```
#168feb
```
#168feb rgb(22,143,235)
```
#2d9aed
```
#2d9aed rgb(45,154,237)
```
#45a6ef
```
#45a6ef rgb(69,166,239)
```
#5cb1f1
```
#5cb1f1 rgb(92,177,241)
```

Monochromatic Color

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

#16c4eb
```
#16c4eb rgb(22,196,235)
```
#16b3eb
```
#16b3eb rgb(22,179,235)
```
#16a1eb
```
#16a1eb rgb(22,161,235)
```
#168feb
```
#168feb rgb(22,143,235)
```
#167deb
```
#167deb rgb(22,125,235)
```
#166ceb
```
#166ceb rgb(22,108,235)
```
#165aeb
```
#165aeb rgb(22,90,235)
```

Similar Colors

Text with hexadecimal color #168feb

This text has a font color of #168feb.

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

#168feb background color

This paragraph has a background color of #168feb.

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

#168feb border color

This element has a border color of #168feb.

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

CSS codes

.text {color:#168feb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#020c14
```
#020c14 rgb(2,12,20)
```
#031726
```
#031726 rgb(3,23,38)
```
#052238
```
#052238 rgb(5,34,56)
```
#062d4a
```
#062d4a rgb(6,45,74)
```
#08385c
```
#08385c rgb(8,56,92)
```
#09436e
```
#09436e rgb(9,67,110)
```
#0b4e80
```
#0b4e80 rgb(11,78,128)
```
#0d5992
```
#0d5992 rgb(13,89,146)
```
#0e64a4
```
#0e64a4 rgb(14,100,164)
```
#106eb6
```
#106eb6 rgb(16,110,182)
```
#1179c9
```
#1179c9 rgb(17,121,201)
```
#1384db
```
#1384db rgb(19,132,219)
```

Shade Color Variation

#168feb
```
#168feb rgb(22,143,235)
```
#2898ed
```
#2898ed rgb(40,152,237)
```
#3aa0ee
```
#3aa0ee rgb(58,160,238)
```
#4ca9f0
```
#4ca9f0 rgb(76,169,240)
```
#5eb2f1
```
#5eb2f1 rgb(94,178,241)
```
#70baf3
```
#70baf3 rgb(112,186,243)
```
#82c3f4
```
#82c3f4 rgb(130,195,244)
```
#94ccf6
```
#94ccf6 rgb(148,204,246)
```
#a7d4f7
```
#a7d4f7 rgb(167,212,247)
```
#b9ddf9
```
#b9ddf9 rgb(185,221,249)
```
#cbe6fb
```
#cbe6fb rgb(203,230,251)
```
#ddeffc
```
#ddeffc rgb(221,239,252)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77828a is the less saturated color, while #0392fe is the most saturated one.

#77828a
```
#77828a rgb(119,130,138)
```
#6e8393
```
#6e8393 rgb(110,131,147)
```
#64849d
```
#64849d rgb(100,132,157)
```
#5a86a7
```
#5a86a7 rgb(90,134,167)
```
#5087b1
```
#5087b1 rgb(80,135,177)
```
#4788ba
```
#4788ba rgb(71,136,186)
```
#3d8ac4
```
#3d8ac4 rgb(61,138,196)
```
#338bce
```
#338bce rgb(51,139,206)
```
#298cd8
```
#298cd8 rgb(41,140,216)
```
#208ee1
```
#208ee1 rgb(32,142,225)
```
#168feb
```
#168feb rgb(22,143,235)
```
#0c90f5
```
#0c90f5 rgb(12,144,245)
```
#0392fe
```
#0392fe rgb(3,146,254)
```

Tone Color Variation

Below, you can see how #168feb 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
#627a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#698ee6 Protanopia 1% of men
#4192ed Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4a8ee8 Protanomaly 1% of men, 0.01% of women
#3191ec Deuteranomaly 6% of men, 0.4% of women
#0899c1 Tritanomaly 0.01% of the population

#168feb hex color

#168feb Color Information

#168feb Color Conversion

Color Schemes with #168feb

Alternatives to #168feb

#168feb Preview

Shades and Tints of #168feb

Tones of #168feb

Color Blindness Simulator