#0166e2 hex color

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

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

● #0166e2 color description : Vivid blue.

The hexadecimal color #0166e2 has RGB values of R:1, G:102, B:226 and CMYK values of C:1, M:0.55, Y:0, K:0.11. Its decimal value is 91874.

Hex triplet	0166e2	`#0166e2`
RGB Decimal	1, 102, 226	`rgb(1,102,226)`
RGB Percent	0.4, 40, 88.6	`rgb(0.4%,40%,88.6%)`
CMYK	100, 55, 0, 11
HSL	213.1°, 99.1, 44.5	`hsl(213.1,99.1%,44.5%)`
HSV (or HSB)	213.1°, 99.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.632, 24.049, -69.474
XYZ	18.488, 14.999, 73.868
xyY	0.172, 0.14, 14.999
CIE-LCH	45.632, 73.519, 289.094
CIE-LUV	45.632, -23.031, -105.644
Hunter-Lab	38.728, 17.44, -85.977
Binary	00000001, 01100110, 11100010

#0166e2
```
#0166e2 rgb(1,102,226)
```
#e27d01
```
#e27d01 rgb(226,125,1)
```

Complementary Color

#01d7e2
```
#01d7e2 rgb(1,215,226)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#0c01e2
```
#0c01e2 rgb(12,1,226)
```

Analogous Color

#d7e201
```
#d7e201 rgb(215,226,1)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#e20c01
```
#e20c01 rgb(226,12,1)
```

Split Complementary Color

#66e201
```
#66e201 rgb(102,226,1)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#e20166
```
#e20166 rgb(226,1,102)
```

Triadic Color

#01e27d
```
#01e27d rgb(1,226,125)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#e20166
```
#e20166 rgb(226,1,102)
```
#e27d01
```
#e27d01 rgb(226,125,1)
```

Tetradic Color

#014496
```
#014496 rgb(1,68,150)
```
#014faf
```
#014faf rgb(1,79,175)
```
#015bc9
```
#015bc9 rgb(1,91,201)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#0171fb
```
#0171fb rgb(1,113,251)
```
#187ffe
```
#187ffe rgb(24,127,254)
```
#318dfe
```
#318dfe rgb(49,141,254)
```

Monochromatic Color

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

#019ee2
```
#019ee2 rgb(1,158,226)
```
#018ce2
```
#018ce2 rgb(1,140,226)
```
#0179e2
```
#0179e2 rgb(1,121,226)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#0153e2
```
#0153e2 rgb(1,83,226)
```
#0141e2
```
#0141e2 rgb(1,65,226)
```
#012ee2
```
#012ee2 rgb(1,46,226)
```

Similar Colors

Text with hexadecimal color #0166e2

This text has a font color of #0166e2.

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

#0166e2 background color

This paragraph has a background color of #0166e2.

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

#0166e2 border color

This element has a border color of #0166e2.

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

CSS codes

.text {color:#0166e2;}

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

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

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)
```
#001f46
```
#001f46 rgb(0,31,70)
```
#002859
```
#002859 rgb(0,40,89)
```
#00316d
```
#00316d rgb(0,49,109)
```
#013a80
```
#013a80 rgb(1,58,128)
```
#014394
```
#014394 rgb(1,67,148)
```
#014ca7
```
#014ca7 rgb(1,76,167)
```
#0154bb
```
#0154bb rgb(1,84,187)
```
#015dce
```
#015dce rgb(1,93,206)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```
#016ff6
```
#016ff6 rgb(1,111,246)
```

Shade Color Variation

#0c79fe
```
#0c79fe rgb(12,121,254)
```
#2084fe
```
#2084fe rgb(32,132,254)
```
#338efe
```
#338efe rgb(51,142,254)
```
#4799fe
```
#4799fe rgb(71,153,254)
```
#5aa4fe
```
#5aa4fe rgb(90,164,254)
```
#6eaffe
```
#6eaffe rgb(110,175,254)
```
#81bafe
```
#81bafe rgb(129,186,254)
```
#95c4ff
```
#95c4ff rgb(149,196,255)
```
#a9cfff
```
#a9cfff rgb(169,207,255)
```
#bcdaff
```
#bcdaff rgb(188,218,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 #0166e2 is the most saturated one.

#6a7179
```
#6a7179 rgb(106,113,121)
```
#617082
```
#617082 rgb(97,112,130)
```
#586f8b
```
#586f8b rgb(88,111,139)
```
#506e93
```
#506e93 rgb(80,110,147)
```
#476d9c
```
#476d9c rgb(71,109,156)
```
#3e6ca5
```
#3e6ca5 rgb(62,108,165)
```
#356bae
```
#356bae rgb(53,107,174)
```
#2d6ab6
```
#2d6ab6 rgb(45,106,182)
```
#246abf
```
#246abf rgb(36,106,191)
```
#1b69c8
```
#1b69c8 rgb(27,105,200)
```
#1268d1
```
#1268d1 rgb(18,104,209)
```
#0a67d9
```
#0a67d9 rgb(10,103,217)
```
#0166e2
```
#0166e2 rgb(1,102,226)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#455972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#006cde Protanomaly 1% of men, 0.01% of women
#0070cc Deuteranomaly 6% of men, 0.4% of women
#0076a7 Tritanomaly 0.01% of the population

#0166e2 hex color

#0166e2 Color Information

#0166e2 Color Conversion

Color Schemes with #0166e2

Alternatives to #0166e2

#0166e2 Preview

Shades and Tints of #0166e2

Tones of #0166e2

Color Blindness Simulator