#0168f8 hex color

In a RGB color space, hex #0168f8 is composed of 0.4% red, 40.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 58.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 215 degrees, a saturation of 99.2% and a lightness of 48.8%. #0168f8 color hex could be obtained by blending #02d0ff with #0000f1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 41
- B 97
RGB color chart
- C 100
- M 58
- Y 0
- K 3
CMYK color chart

● #0168f8 color description : Vivid blue.

The hexadecimal color #0168f8 has RGB values of R:1, G:104, B:248 and CMYK values of C:1, M:0.58, Y:0, K:0.03. Its decimal value is 92408.

Hex triplet	0168f8	`#0168f8`
RGB Decimal	1, 104, 248	`rgb(1,104,248)`
RGB Percent	0.4, 40.8, 97.3	`rgb(0.4%,40.8%,97.3%)`
CMYK	100, 58, 0, 3
HSL	215°, 99.2, 48.8	`hsl(215,99.2%,48.8%)`
HSV (or HSB)	215°, 99.6, 97.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.857, 31.293, -78.199
XYZ	21.902, 16.682, 90.867
xyY	0.169, 0.129, 16.682
CIE-LCH	47.857, 84.228, 291.81
CIE-LUV	47.857, -23.027, -119.897
Hunter-Lab	40.844, 24.242, -103.314
Binary	00000001, 01101000, 11111000

#0168f8
```
#0168f8 rgb(1,104,248)
```
#f89101
```
#f89101 rgb(248,145,1)
```

Complementary Color

#01e4f8
```
#01e4f8 rgb(1,228,248)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#1501f8
```
#1501f8 rgb(21,1,248)
```

Analogous Color

#e4f801
```
#e4f801 rgb(228,248,1)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#f81501
```
#f81501 rgb(248,21,1)
```

Split Complementary Color

#68f801
```
#68f801 rgb(104,248,1)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#f80168
```
#f80168 rgb(248,1,104)
```

Triadic Color

#01f891
```
#01f891 rgb(1,248,145)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#f80168
```
#f80168 rgb(248,1,104)
```
#f89101
```
#f89101 rgb(248,145,1)
```

Tetradic Color

#0148ac
```
#0148ac rgb(1,72,172)
```
#0153c5
```
#0153c5 rgb(1,83,197)
```
#015ddf
```
#015ddf rgb(1,93,223)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#1476fe
```
#1476fe rgb(20,118,254)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#4794fe
```
#4794fe rgb(71,148,254)
```

Monochromatic Color

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

#01a6f8
```
#01a6f8 rgb(1,166,248)
```
#0191f8
```
#0191f8 rgb(1,145,248)
```
#017df8
```
#017df8 rgb(1,125,248)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#0153f8
```
#0153f8 rgb(1,83,248)
```
#013ff8
```
#013ff8 rgb(1,63,248)
```
#012af8
```
#012af8 rgb(1,42,248)
```

Similar Colors

Text with hexadecimal color #0168f8

This text has a font color of #0168f8.

<span style="color:#0168f8;">Text here</span>

#0168f8 background color

This paragraph has a background color of #0168f8.

<p style="background-color:#0168f8;">Content here</p>

#0168f8 border color

This element has a border color of #0168f8.

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

CSS codes

.text {color:#0168f8;}

.background {background-color:#0168f8;}

.border {border:1px solid #0168f8;}

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

#00060e
```
#00060e rgb(0,6,14)
```
#000e21
```
#000e21 rgb(0,14,33)
```
#001635
```
#001635 rgb(0,22,53)
```
#001e48
```
#001e48 rgb(0,30,72)
```
#00265c
```
#00265c rgb(0,38,92)
```
#002f6f
```
#002f6f rgb(0,47,111)
```
#013783
```
#013783 rgb(1,55,131)
```
#013f96
```
#013f96 rgb(1,63,150)
```
#0147aa
```
#0147aa rgb(1,71,170)
```
#014fbd
```
#014fbd rgb(1,79,189)
```
#0158d1
```
#0158d1 rgb(1,88,209)
```
#0160e4
```
#0160e4 rgb(1,96,228)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```

Shade Color Variation

#0f72fe
```
#0f72fe rgb(15,114,254)
```
#227efe
```
#227efe rgb(34,126,254)
```
#3689fe
```
#3689fe rgb(54,137,254)
```
#4995fe
```
#4995fe rgb(73,149,254)
```
#5da0fe
```
#5da0fe rgb(93,160,254)
```
#70acfe
```
#70acfe rgb(112,172,254)
```
#84b7ff
```
#84b7ff rgb(132,183,255)
```
#97c2ff
```
#97c2ff rgb(151,194,255)
```
#abceff
```
#abceff rgb(171,206,255)
```
#bed9ff
```
#bed9ff rgb(190,217,255)
```
#d2e5ff
```
#d2e5ff rgb(210,229,255)
```
#e5f0ff
```
#e5f0ff rgb(229,240,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747b85 is the less saturated color, while #0168f8 is the most saturated one.

#747b85
```
#747b85 rgb(116,123,133)
```
#6a798f
```
#6a798f rgb(106,121,143)
```
#617898
```
#617898 rgb(97,120,152)
```
#5776a2
```
#5776a2 rgb(87,118,162)
```
#4e75ab
```
#4e75ab rgb(78,117,171)
```
#4473b5
```
#4473b5 rgb(68,115,181)
```
#3a72bf
```
#3a72bf rgb(58,114,191)
```
#3170c8
```
#3170c8 rgb(49,112,200)
```
#276ed2
```
#276ed2 rgb(39,110,210)
```
#1e6ddb
```
#1e6ddb rgb(30,109,219)
```
#146be5
```
#146be5 rgb(20,107,229)
```
#0b6aee
```
#0b6aee rgb(11,106,238)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```

Tone Color Variation

Below, you can see how #0168f8 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

#5a5a5a Achromatopsia 0.005% of the population
#485d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0070ec Protanomaly 1% of men, 0.01% of women
#0074d9 Deuteranomaly 6% of men, 0.4% of women
#007ab3 Tritanomaly 0.01% of the population

#0168f8 hex color

#0168f8 Color Information

#0168f8 Color Conversion

Color Schemes with #0168f8

Alternatives to #0168f8

#0168f8 Preview

Shades and Tints of #0168f8

Tones of #0168f8

Color Blindness Simulator