#0696e2 hex color

In a RGB color space, hex #0696e2 is composed of 2.4% red, 58.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 33.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 200.7 degrees, a saturation of 94.8% and a lightness of 45.5%. #0696e2 color hex could be obtained by blending #0cffff with #002dc5. Closest websafe color is: #0099cc.

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

● #0696e2 color description : Vivid blue.

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

Hex triplet	0696e2	`#0696e2`
RGB Decimal	6, 150, 226	`rgb(6,150,226)`
RGB Percent	2.4, 58.8, 88.6	`rgb(2.4%,58.8%,88.6%)`
CMYK	97, 34, 0, 11
HSL	200.7°, 94.8, 45.5	`hsl(200.7,94.8%,45.5%)`
HSV (or HSB)	200.7°, 97.3, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.288, -5.42, -47.544
XYZ	24.706, 27.34, 75.922
xyY	0.193, 0.214, 27.34
CIE-LCH	59.288, 47.852, 263.497
CIE-LUV	59.288, -37.528, -74.735
Hunter-Lab	52.288, -7.164, -49.488
Binary	00000110, 10010110, 11100010

#0696e2
```
#0696e2 rgb(6,150,226)
```
#e25206
```
#e25206 rgb(226,82,6)
```

Complementary Color

#06e2c0
```
#06e2c0 rgb(6,226,192)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#0628e2
```
#0628e2 rgb(6,40,226)
```

Analogous Color

#e2c006
```
#e2c006 rgb(226,192,6)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#e20628
```
#e20628 rgb(226,6,40)
```

Split Complementary Color

#96e206
```
#96e206 rgb(150,226,6)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#e20696
```
#e20696 rgb(226,6,150)
```

Triadic Color

#06e252
```
#06e252 rgb(6,226,82)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#e20696
```
#e20696 rgb(226,6,150)
```
#e25206
```
#e25206 rgb(226,82,6)
```

Tetradic Color

#046597
```
#046597 rgb(4,101,151)
```
#0575b0
```
#0575b0 rgb(5,117,176)
```
#0586c9
```
#0586c9 rgb(5,134,201)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#09a6f8
```
#09a6f8 rgb(9,166,248)
```
#22aff9
```
#22aff9 rgb(34,175,249)
```
#3bb8fa
```
#3bb8fa rgb(59,184,250)
```

Monochromatic Color

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

#06cde2
```
#06cde2 rgb(6,205,226)
```
#06bbe2
```
#06bbe2 rgb(6,187,226)
```
#06a8e2
```
#06a8e2 rgb(6,168,226)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#0684e2
```
#0684e2 rgb(6,132,226)
```
#0671e2
```
#0671e2 rgb(6,113,226)
```
#065fe2
```
#065fe2 rgb(6,95,226)
```

Similar Colors

Text with hexadecimal color #0696e2

This text has a font color of #0696e2.

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

#0696e2 background color

This paragraph has a background color of #0696e2.

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

#0696e2 border color

This element has a border color of #0696e2.

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

CSS codes

.text {color:#0696e2;}

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

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

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, #000a10 is the darkest color, while #fcfeff is the lightest one.

#000a10
```
#000a10 rgb(0,10,16)
```
#011723
```
#011723 rgb(1,23,35)
```
#012436
```
#012436 rgb(1,36,54)
```
#023149
```
#023149 rgb(2,49,73)
```
#023d5c
```
#023d5c rgb(2,61,92)
```
#034a6f
```
#034a6f rgb(3,74,111)
```
#035782
```
#035782 rgb(3,87,130)
```
#046396
```
#046396 rgb(4,99,150)
```
#0470a9
```
#0470a9 rgb(4,112,169)
```
#057dbc
```
#057dbc rgb(5,125,188)
```
#0589cf
```
#0589cf rgb(5,137,207)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```
#07a3f5
```
#07a3f5 rgb(7,163,245)
```

Shade Color Variation

#16abf9
```
#16abf9 rgb(22,171,249)
```
#2ab2f9
```
#2ab2f9 rgb(42,178,249)
```
#3db8fa
```
#3db8fa rgb(61,184,250)
```
#50bffa
```
#50bffa rgb(80,191,250)
```
#63c6fb
```
#63c6fb rgb(99,198,251)
```
#76cdfb
```
#76cdfb rgb(118,205,251)
```
#89d4fc
```
#89d4fc rgb(137,212,252)
```
#9cdbfc
```
#9cdbfc rgb(156,219,252)
```
#afe2fd
```
#afe2fd rgb(175,226,253)
```
#c2e9fd
```
#c2e9fd rgb(194,233,253)
```
#d5f0fe
```
#d5f0fe rgb(213,240,254)
```
#e9f7fe
```
#e9f7fe rgb(233,247,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#717577
```
#717577 rgb(113,117,119)
```
#687880
```
#687880 rgb(104,120,128)
```
#5f7a89
```
#5f7a89 rgb(95,122,137)
```
#567d92
```
#567d92 rgb(86,125,146)
```
#4d809b
```
#4d809b rgb(77,128,155)
```
#4483a4
```
#4483a4 rgb(68,131,164)
```
#3c85ac
```
#3c85ac rgb(60,133,172)
```
#3388b5
```
#3388b5 rgb(51,136,181)
```
#2a8bbe
```
#2a8bbe rgb(42,139,190)
```
#218ec7
```
#218ec7 rgb(33,142,199)
```
#1890d0
```
#1890d0 rgb(24,144,208)
```
#0f93d9
```
#0f93d9 rgb(15,147,217)
```
#0696e2
```
#0696e2 rgb(6,150,226)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e7b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#4e93de Protanomaly 1% of men, 0.01% of women
#3e95e4 Deuteranomaly 6% of men, 0.4% of women
#029ec0 Tritanomaly 0.01% of the population

#0696e2 hex color

#0696e2 Color Information

#0696e2 Color Conversion

Color Schemes with #0696e2

Alternatives to #0696e2

#0696e2 Preview

Shades and Tints of #0696e2

Tones of #0696e2

Color Blindness Simulator