#0196e2 hex color

In a RGB color space, hex #0196e2 is composed of 0.4% red, 58.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 33.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.3 degrees, a saturation of 99.1% and a lightness of 44.5%. #0196e2 color hex could be obtained by blending #02ffff with #002dc5. Closest websafe color is: #0099cc.

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

● #0196e2 color description : Vivid blue.

The hexadecimal color #0196e2 has RGB values of R:1, G:150, B:226 and CMYK values of C:1, M:0.34, Y:0, K:0.11. Its decimal value is 104162.

Hex triplet	0196e2	`#0196e2`
RGB Decimal	1, 150, 226	`rgb(1,150,226)`
RGB Percent	0.4, 58.8, 88.6	`rgb(0.4%,58.8%,88.6%)`
CMYK	100, 34, 0, 11
HSL	200.3°, 99.1, 44.5	`hsl(200.3,99.1%,44.5%)`
HSV (or HSB)	200.3°, 99.6, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.258, -5.562, -47.593
XYZ	24.643, 27.308, 75.919
xyY	0.193, 0.214, 27.308
CIE-LCH	59.258, 47.917, 263.335
CIE-LUV	59.258, -37.704, -74.796
Hunter-Lab	52.257, -7.274, -49.558
Binary	00000001, 10010110, 11100010

#0196e2
```
#0196e2 rgb(1,150,226)
```
#e24d01
```
#e24d01 rgb(226,77,1)
```

Complementary Color

#01e2be
```
#01e2be rgb(1,226,190)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#0126e2
```
#0126e2 rgb(1,38,226)
```

Analogous Color

#e2be01
```
#e2be01 rgb(226,190,1)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#e20126
```
#e20126 rgb(226,1,38)
```

Split Complementary Color

#96e201
```
#96e201 rgb(150,226,1)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#e20196
```
#e20196 rgb(226,1,150)
```

Triadic Color

#01e24d
```
#01e24d rgb(1,226,77)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#e20196
```
#e20196 rgb(226,1,150)
```
#e24d01
```
#e24d01 rgb(226,77,1)
```

Tetradic Color

#016396
```
#016396 rgb(1,99,150)
```
#0174af
```
#0174af rgb(1,116,175)
```
#0185c9
```
#0185c9 rgb(1,133,201)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#01a7fb
```
#01a7fb rgb(1,167,251)
```
#18b0fe
```
#18b0fe rgb(24,176,254)
```
#31b9fe
```
#31b9fe rgb(49,185,254)
```

Monochromatic Color

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

#01cee2
```
#01cee2 rgb(1,206,226)
```
#01bce2
```
#01bce2 rgb(1,188,226)
```
#01a9e2
```
#01a9e2 rgb(1,169,226)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#0183e2
```
#0183e2 rgb(1,131,226)
```
#0171e2
```
#0171e2 rgb(1,113,226)
```
#015ee2
```
#015ee2 rgb(1,94,226)
```

Similar Colors

Text with hexadecimal color #0196e2

This text has a font color of #0196e2.

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

#0196e2 background color

This paragraph has a background color of #0196e2.

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

#0196e2 border color

This element has a border color of #0196e2.

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

CSS codes

.text {color:#0196e2;}

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

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

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

#00070b
```
#00070b rgb(0,7,11)
```
#00141f
```
#00141f rgb(0,20,31)
```
#002132
```
#002132 rgb(0,33,50)
```
#002e46
```
#002e46 rgb(0,46,70)
```
#003b59
```
#003b59 rgb(0,59,89)
```
#00486d
```
#00486d rgb(0,72,109)
```
#015580
```
#015580 rgb(1,85,128)
```
#016294
```
#016294 rgb(1,98,148)
```
#016fa7
```
#016fa7 rgb(1,111,167)
```
#017cbb
```
#017cbb rgb(1,124,187)
```
#0189ce
```
#0189ce rgb(1,137,206)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```
#01a3f6
```
#01a3f6 rgb(1,163,246)
```

Shade Color Variation

#0cacfe
```
#0cacfe rgb(12,172,254)
```
#20b3fe
```
#20b3fe rgb(32,179,254)
```
#33bafe
```
#33bafe rgb(51,186,254)
```
#47c0fe
```
#47c0fe rgb(71,192,254)
```
#5ac7fe
```
#5ac7fe rgb(90,199,254)
```
#6ecefe
```
#6ecefe rgb(110,206,254)
```
#81d4fe
```
#81d4fe rgb(129,212,254)
```
#95dbff
```
#95dbff rgb(149,219,255)
```
#a9e2ff
```
#a9e2ff rgb(169,226,255)
```
#bce8ff
```
#bce8ff rgb(188,232,255)
```
#d0efff
```
#d0efff rgb(208,239,255)
```
#e3f6ff
```
#e3f6ff rgb(227,246,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#6a7479
```
#6a7479 rgb(106,116,121)
```
#617782
```
#617782 rgb(97,119,130)
```
#587a8b
```
#587a8b rgb(88,122,139)
```
#507d93
```
#507d93 rgb(80,125,147)
```
#477f9c
```
#477f9c rgb(71,127,156)
```
#3e82a5
```
#3e82a5 rgb(62,130,165)
```
#3585ae
```
#3585ae rgb(53,133,174)
```
#2d88b6
```
#2d88b6 rgb(45,136,182)
```
#248bbf
```
#248bbf rgb(36,139,191)
```
#1b8ec8
```
#1b8ec8 rgb(27,142,200)
```
#1290d1
```
#1290d1 rgb(18,144,209)
```
#0a93d9
```
#0a93d9 rgb(10,147,217)
```
#0196e2
```
#0196e2 rgb(1,150,226)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5b7988 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7792dc Protanopia 1% of men
#5d95e6 Deuteranopia 1% of men
#00a3ad Tritanopia 0.001% of the population

Trichromacy

#4c93de Protanomaly 1% of men, 0.01% of women
#3c95e4 Deuteranomaly 6% of men, 0.4% of women
#009ec0 Tritanomaly 0.01% of the population

#0196e2 hex color

#0196e2 Color Information

#0196e2 Color Conversion

Color Schemes with #0196e2

Alternatives to #0196e2

#0196e2 Preview

Shades and Tints of #0196e2

Tones of #0196e2

Color Blindness Simulator