#0168e2 hex color

In a RGB color space, hex #0168e2 is composed of 0.4% red, 40.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 54% magenta, 0% yellow and 11.4% black. It has a hue angle of 212.5 degrees, a saturation of 99.1% and a lightness of 44.5%. #0168e2 color hex could be obtained by blending #02d0ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 41
- B 89
RGB color chart
- C 100
- M 54
- Y 0
- K 11
CMYK color chart

● #0168e2 color description : Vivid blue.

The hexadecimal color #0168e2 has RGB values of R:1, G:104, B:226 and CMYK values of C:1, M:0.54, Y:0, K:0.11. Its decimal value is 92386.

Hex triplet	0168e2	`#0168e2`
RGB Decimal	1, 104, 226	`rgb(1,104,226)`
RGB Percent	0.4, 40.8, 88.6	`rgb(0.4%,40.8%,88.6%)`
CMYK	100, 54, 0, 11
HSL	212.5°, 99.1, 44.5	`hsl(212.5,99.1%,44.5%)`
HSV (or HSB)	212.5°, 99.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.172, 22.756, -68.595
XYZ	18.687, 15.396, 73.934
xyY	0.173, 0.143, 15.396
CIE-LCH	46.172, 72.271, 288.353
CIE-LUV	46.172, -23.58, -104.688
Hunter-Lab	39.238, 16.344, -84.25
Binary	00000001, 01101000, 11100010

#0168e2
```
#0168e2 rgb(1,104,226)
```
#e27b01
```
#e27b01 rgb(226,123,1)
```

Complementary Color

#01d9e2
```
#01d9e2 rgb(1,217,226)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#0a01e2
```
#0a01e2 rgb(10,1,226)
```

Analogous Color

#d9e201
```
#d9e201 rgb(217,226,1)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#e20a01
```
#e20a01 rgb(226,10,1)
```

Split Complementary Color

#68e201
```
#68e201 rgb(104,226,1)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#e20168
```
#e20168 rgb(226,1,104)
```

Triadic Color

#01e27b
```
#01e27b rgb(1,226,123)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#e20168
```
#e20168 rgb(226,1,104)
```
#e27b01
```
#e27b01 rgb(226,123,1)
```

Tetradic Color

#014596
```
#014596 rgb(1,69,150)
```
#0151af
```
#0151af rgb(1,81,175)
```
#015cc9
```
#015cc9 rgb(1,92,201)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#0174fb
```
#0174fb rgb(1,116,251)
```
#1881fe
```
#1881fe rgb(24,129,254)
```
#318ffe
```
#318ffe rgb(49,143,254)
```

Monochromatic Color

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

#01a0e2
```
#01a0e2 rgb(1,160,226)
```
#018ee2
```
#018ee2 rgb(1,142,226)
```
#017be2
```
#017be2 rgb(1,123,226)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#0155e2
```
#0155e2 rgb(1,85,226)
```
#0143e2
```
#0143e2 rgb(1,67,226)
```
#0130e2
```
#0130e2 rgb(1,48,226)
```

Similar Colors

Text with hexadecimal color #0168e2

This text has a font color of #0168e2.

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

#0168e2 background color

This paragraph has a background color of #0168e2.

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

#0168e2 border color

This element has a border color of #0168e2.

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

CSS codes

.text {color:#0168e2;}

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

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

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, #00050b is the darkest color, while #f7faff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#000e1f
```
#000e1f rgb(0,14,31)
```
#001732
```
#001732 rgb(0,23,50)
```
#002046
```
#002046 rgb(0,32,70)
```
#002959
```
#002959 rgb(0,41,89)
```
#00326d
```
#00326d rgb(0,50,109)
```
#013b80
```
#013b80 rgb(1,59,128)
```
#014494
```
#014494 rgb(1,68,148)
```
#014da7
```
#014da7 rgb(1,77,167)
```
#0156bb
```
#0156bb rgb(1,86,187)
```
#015fce
```
#015fce rgb(1,95,206)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```
#0171f6
```
#0171f6 rgb(1,113,246)
```

Shade Color Variation

#0c7bfe
```
#0c7bfe rgb(12,123,254)
```
#2086fe
```
#2086fe rgb(32,134,254)
```
#3390fe
```
#3390fe rgb(51,144,254)
```
#479bfe
```
#479bfe rgb(71,155,254)
```
#5aa5fe
```
#5aa5fe rgb(90,165,254)
```
#6eb0fe
```
#6eb0fe rgb(110,176,254)
```
#81bbfe
```
#81bbfe rgb(129,187,254)
```
#95c5ff
```
#95c5ff rgb(149,197,255)
```
#a9d0ff
```
#a9d0ff rgb(169,208,255)
```
#bcdbff
```
#bcdbff rgb(188,219,255)
```
#d0e5ff
```
#d0e5ff rgb(208,229,255)
```
#e3f0ff
```
#e3f0ff rgb(227,240,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#6a7179
```
#6a7179 rgb(106,113,121)
```
#617082
```
#617082 rgb(97,112,130)
```
#586f8b
```
#586f8b rgb(88,111,139)
```
#506f93
```
#506f93 rgb(80,111,147)
```
#476e9c
```
#476e9c rgb(71,110,156)
```
#3e6da5
```
#3e6da5 rgb(62,109,165)
```
#356cae
```
#356cae rgb(53,108,174)
```
#2d6cb6
```
#2d6cb6 rgb(45,108,182)
```
#246bbf
```
#246bbf rgb(36,107,191)
```
#1b6ac8
```
#1b6ac8 rgb(27,106,200)
```
#1269d1
```
#1269d1 rgb(18,105,209)
```
#0a69d9
```
#0a69d9 rgb(10,105,217)
```
#0168e2
```
#0168e2 rgb(1,104,226)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#465a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#006ddf Protanomaly 1% of men, 0.01% of women
#0071cd Deuteranomaly 6% of men, 0.4% of women
#0077a8 Tritanomaly 0.01% of the population

#0168e2 hex color

#0168e2 Color Information

#0168e2 Color Conversion

Color Schemes with #0168e2

Alternatives to #0168e2

#0168e2 Preview

Shades and Tints of #0168e2

Tones of #0168e2

Color Blindness Simulator