#168fec hex color

In a RGB color space, hex #168fec is composed of 8.6% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 90.7% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.1 degrees, a saturation of 84.9% and a lightness of 50.6%. #168fec color hex could be obtained by blending #2cffff with #001fd9. Closest websafe color is: #0099ff.

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

● #168fec color description : Vivid blue.

The hexadecimal color #168fec has RGB values of R:22, G:143, B:236 and CMYK values of C:0.91, M:0.39, Y:0, K:0.07. Its decimal value is 1478636.

Hex triplet	168fec	`#168fec`
RGB Decimal	22, 143, 236	`rgb(22,143,236)`
RGB Percent	8.6, 56.1, 92.5	`rgb(8.6%,56.1%,92.5%)`
CMYK	91, 39, 0, 7
HSL	206.1°, 84.9, 50.6	`hsl(206.1,84.9%,50.6%)`
HSV (or HSB)	206.1°, 90.7, 92.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.913, 3.004, -55.272
XYZ	25.29, 25.869, 83.013
xyY	0.188, 0.193, 25.869
CIE-LCH	57.913, 55.354, 273.111
CIE-LUV	57.913, -33.965, -87.96
Hunter-Lab	50.862, -0.253, -61.165
Binary	00010110, 10001111, 11101100

#168fec
```
#168fec rgb(22,143,236)
```
#ec7316
```
#ec7316 rgb(236,115,22)
```

Complementary Color

#16ecde
```
#16ecde rgb(22,236,222)
```
#168fec
```
#168fec rgb(22,143,236)
```
#1624ec
```
#1624ec rgb(22,36,236)
```

Analogous Color

#ecde16
```
#ecde16 rgb(236,222,22)
```
#168fec
```
#168fec rgb(22,143,236)
```
#ec1624
```
#ec1624 rgb(236,22,36)
```

Split Complementary Color

#8fec16
```
#8fec16 rgb(143,236,22)
```
#168fec
```
#168fec rgb(22,143,236)
```
#ec168f
```
#ec168f rgb(236,22,143)
```

Triadic Color

#16ec73
```
#16ec73 rgb(22,236,115)
```
#168fec
```
#168fec rgb(22,143,236)
```
#ec168f
```
#ec168f rgb(236,22,143)
```
#ec7316
```
#ec7316 rgb(236,115,22)
```

Tetradic Color

#0e65a8
```
#0e65a8 rgb(14,101,168)
```
#1073bf
```
#1073bf rgb(16,115,191)
```
#1281d7
```
#1281d7 rgb(18,129,215)
```
#168fec
```
#168fec rgb(22,143,236)
```
#2e9aee
```
#2e9aee rgb(46,154,238)
```
#45a6f0
```
#45a6f0 rgb(69,166,240)
```
#5db1f2
```
#5db1f2 rgb(93,177,242)
```

Monochromatic Color

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

#16c5ec
```
#16c5ec rgb(22,197,236)
```
#16b3ec
```
#16b3ec rgb(22,179,236)
```
#16a1ec
```
#16a1ec rgb(22,161,236)
```
#168fec
```
#168fec rgb(22,143,236)
```
#167dec
```
#167dec rgb(22,125,236)
```
#166bec
```
#166bec rgb(22,107,236)
```
#165aec
```
#165aec rgb(22,90,236)
```

Similar Colors

Text with hexadecimal color #168fec

This text has a font color of #168fec.

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

#168fec background color

This paragraph has a background color of #168fec.

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

#168fec border color

This element has a border color of #168fec.

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

CSS codes

.text {color:#168fec;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020d15
```
#020d15 rgb(2,13,21)
```
#031727
```
#031727 rgb(3,23,39)
```
#052239
```
#052239 rgb(5,34,57)
```
#062d4b
```
#062d4b rgb(6,45,75)
```
#08385d
```
#08385d rgb(8,56,93)
```
#094370
```
#094370 rgb(9,67,112)
```
#0b4e82
```
#0b4e82 rgb(11,78,130)
```
#0c5994
```
#0c5994 rgb(12,89,148)
```
#0e64a6
```
#0e64a6 rgb(14,100,166)
```
#0f6fb8
```
#0f6fb8 rgb(15,111,184)
```
#107aca
```
#107aca rgb(16,122,202)
```
#1284dc
```
#1284dc rgb(18,132,220)
```

Shade Color Variation

#168fec
```
#168fec rgb(22,143,236)
```
#2898ed
```
#2898ed rgb(40,152,237)
```
#3aa0ef
```
#3aa0ef rgb(58,160,239)
```
#4ca9f0
```
#4ca9f0 rgb(76,169,240)
```
#5fb2f2
```
#5fb2f2 rgb(95,178,242)
```
#71bbf3
```
#71bbf3 rgb(113,187,243)
```
#83c3f5
```
#83c3f5 rgb(131,195,245)
```
#95ccf6
```
#95ccf6 rgb(149,204,246)
```
#a7d5f8
```
#a7d5f8 rgb(167,213,248)
```
#b9ddf9
```
#b9ddf9 rgb(185,221,249)
```
#cbe6fb
```
#cbe6fb rgb(203,230,251)
```
#deeffc
```
#deeffc rgb(222,239,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,254)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#77828b
```
#77828b rgb(119,130,139)
```
#6d8495
```
#6d8495 rgb(109,132,149)
```
#64859e
```
#64859e rgb(100,133,158)
```
#5a86a8
```
#5a86a8 rgb(90,134,168)
```
#5087b2
```
#5087b2 rgb(80,135,178)
```
#4689bc
```
#4689bc rgb(70,137,188)
```
#3d8ac5
```
#3d8ac5 rgb(61,138,197)
```
#338bcf
```
#338bcf rgb(51,139,207)
```
#298cd9
```
#298cd9 rgb(41,140,217)
```
#208ee2
```
#208ee2 rgb(32,142,226)
```
#168fec
```
#168fec rgb(22,143,236)
```
#0c90f6
```
#0c90f6 rgb(12,144,246)
```

Tone Color Variation

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

#688ee7 Protanopia 1% of men
#3f92ed Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4a8ee9 Protanomaly 1% of men, 0.01% of women
#3091ed Deuteranomaly 6% of men, 0.4% of women
#0899c1 Tritanomaly 0.01% of the population

#168fec hex color

#168fec Color Information

#168fec Color Conversion

Color Schemes with #168fec

Alternatives to #168fec

#168fec Preview

Shades and Tints of #168fec

Tones of #168fec

Color Blindness Simulator