#168fed hex color

In a RGB color space, hex #168fed is composed of 8.6% red, 56.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 39.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 206.2 degrees, a saturation of 85.7% and a lightness of 50.8%. #168fed color hex could be obtained by blending #2cffff with #001fdb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 56
- B 93
RGB color chart
- C 91
- M 40
- Y 0
- K 7
CMYK color chart

● #168fed color description : Vivid blue.

The hexadecimal color #168fed has RGB values of R:22, G:143, B:237 and CMYK values of C:0.91, M:0.4, Y:0, K:0.07. Its decimal value is 1478637.

Hex triplet	168fed	`#168fed`
RGB Decimal	22, 143, 237	`rgb(22,143,237)`
RGB Percent	8.6, 56.1, 92.9	`rgb(8.6%,56.1%,92.9%)`
CMYK	91, 40, 0, 7
HSL	206.2°, 85.7, 50.8	`hsl(206.2,85.7%,50.8%)`
HSV (or HSB)	206.2°, 90.7, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.968, 3.381, -55.738
XYZ	25.436, 25.928, 83.78
xyY	0.188, 0.192, 25.928
CIE-LCH	57.968, 55.84, 273.472
CIE-LUV	57.968, -33.912, -88.773
Hunter-Lab	50.919, 0.058, -61.91
Binary	00010110, 10001111, 11101101

#168fed
```
#168fed rgb(22,143,237)
```
#ed7416
```
#ed7416 rgb(237,116,22)
```

Complementary Color

#16ede0
```
#16ede0 rgb(22,237,224)
```
#168fed
```
#168fed rgb(22,143,237)
```
#1624ed
```
#1624ed rgb(22,36,237)
```

Analogous Color

#ede016
```
#ede016 rgb(237,224,22)
```
#168fed
```
#168fed rgb(22,143,237)
```
#ed1623
```
#ed1623 rgb(237,22,35)
```

Split Complementary Color

#8fed16
```
#8fed16 rgb(143,237,22)
```
#168fed
```
#168fed rgb(22,143,237)
```
#ed168f
```
#ed168f rgb(237,22,143)
```

Triadic Color

#16ed74
```
#16ed74 rgb(22,237,116)
```
#168fed
```
#168fed rgb(22,143,237)
```
#ed168f
```
#ed168f rgb(237,22,143)
```
#ed7416
```
#ed7416 rgb(237,116,22)
```

Tetradic Color

#0d65a9
```
#0d65a9 rgb(13,101,169)
```
#0f73c1
```
#0f73c1 rgb(15,115,193)
```
#1181d9
```
#1181d9 rgb(17,129,217)
```
#168fed
```
#168fed rgb(22,143,237)
```
#2e9aef
```
#2e9aef rgb(46,154,239)
```
#45a6f1
```
#45a6f1 rgb(69,166,241)
```
#5db1f2
```
#5db1f2 rgb(93,177,242)
```

Monochromatic Color

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

#16c5ed
```
#16c5ed rgb(22,197,237)
```
#16b3ed
```
#16b3ed rgb(22,179,237)
```
#16a1ed
```
#16a1ed rgb(22,161,237)
```
#168fed
```
#168fed rgb(22,143,237)
```
#167ded
```
#167ded rgb(22,125,237)
```
#166bed
```
#166bed rgb(22,107,237)
```
#1659ed
```
#1659ed rgb(22,89,237)
```

Similar Colors

Text with hexadecimal color #168fed

This text has a font color of #168fed.

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

#168fed background color

This paragraph has a background color of #168fed.

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

#168fed border color

This element has a border color of #168fed.

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

CSS codes

.text {color:#168fed;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020d16
```
#020d16 rgb(2,13,22)
```
#031828
```
#031828 rgb(3,24,40)
```
#05233a
```
#05233a rgb(5,35,58)
```
#062e4d
```
#062e4d rgb(6,46,77)
```
#07395f
```
#07395f rgb(7,57,95)
```
#094371
```
#094371 rgb(9,67,113)
```
#0a4e83
```
#0a4e83 rgb(10,78,131)
```
#0c5995
```
#0c5995 rgb(12,89,149)
```
#0d64a8
```
#0d64a8 rgb(13,100,168)
```
#0e6fba
```
#0e6fba rgb(14,111,186)
```
#107acc
```
#107acc rgb(16,122,204)
```
#1185de
```
#1185de rgb(17,133,222)
```

Shade Color Variation

#168fed
```
#168fed rgb(22,143,237)
```
#2898ee
```
#2898ee rgb(40,152,238)
```
#3aa1f0
```
#3aa1f0 rgb(58,161,240)
```
#4da9f1
```
#4da9f1 rgb(77,169,241)
```
#5fb2f3
```
#5fb2f3 rgb(95,178,243)
```
#71bbf4
```
#71bbf4 rgb(113,187,244)
```
#83c4f5
```
#83c4f5 rgb(131,196,245)
```
#95ccf7
```
#95ccf7 rgb(149,204,247)
```
#a8d5f8
```
#a8d5f8 rgb(168,213,248)
```
#badefa
```
#badefa rgb(186,222,250)
```
#cce7fb
```
#cce7fb rgb(204,231,251)
```
#deeffc
```
#deeffc rgb(222,239,252)
```
#f1f8fe
```
#f1f8fe rgb(241,248,254)
```

Tint Color Variation

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

#808283
```
#808283 rgb(128,130,131)
```
#77838c
```
#77838c rgb(119,131,140)
```
#6d8496
```
#6d8496 rgb(109,132,150)
```
#6385a0
```
#6385a0 rgb(99,133,160)
```
#5a87a9
```
#5a87a9 rgb(90,135,169)
```
#5088b3
```
#5088b3 rgb(80,136,179)
```
#4689bd
```
#4689bd rgb(70,137,189)
```
#3d8ac6
```
#3d8ac6 rgb(61,138,198)
```
#338bd0
```
#338bd0 rgb(51,139,208)
```
#298dda
```
#298dda rgb(41,141,218)
```
#208ee3
```
#208ee3 rgb(32,142,227)
```
#168fed
```
#168fed rgb(22,143,237)
```
#0c90f7
```
#0c90f7 rgb(12,144,247)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#637b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#688ee8 Protanopia 1% of men
#3d92ee Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4a8eea Protanomaly 1% of men, 0.01% of women
#2f91ee Deuteranomaly 6% of men, 0.4% of women
#0899c2 Tritanomaly 0.01% of the population

#168fed hex color

#168fed Color Information

#168fed Color Conversion

Color Schemes with #168fed

Alternatives to #168fed

#168fed Preview

Shades and Tints of #168fed

Tones of #168fed

Color Blindness Simulator