#096ae2 hex color

In a RGB color space, hex #096ae2 is composed of 3.5% red, 41.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 53.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.2 degrees, a saturation of 92.3% and a lightness of 46.1%. #096ae2 color hex could be obtained by blending #12d4ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 42
- B 89
RGB color chart
- C 96
- M 53
- Y 0
- K 11
CMYK color chart

● #096ae2 color description : Vivid blue.

The hexadecimal color #096ae2 has RGB values of R:9, G:106, B:226 and CMYK values of C:0.96, M:0.53, Y:0, K:0.11. Its decimal value is 617186.

Hex triplet	096ae2	`#096ae2`
RGB Decimal	9, 106, 226	`rgb(9,106,226)`
RGB Percent	3.5, 41.6, 88.6	`rgb(3.5%,41.6%,88.6%)`
CMYK	96, 53, 0, 11
HSL	213.2°, 92.3, 46.1	`hsl(213.2,92.3%,46.1%)`
HSV (or HSB)	213.2°, 96, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	46.784, 21.686, -67.598
XYZ	18.991, 15.855, 74.007
xyY	0.174, 0.146, 15.855
CIE-LCH	46.784, 70.991, 287.787
CIE-LUV	46.784, -23.84, -103.593
Hunter-Lab	39.819, 15.45, -82.322
Binary	00001001, 01101010, 11100010

#096ae2
```
#096ae2 rgb(9,106,226)
```
#e28109
```
#e28109 rgb(226,129,9)
```

Complementary Color

#09d7e2
```
#09d7e2 rgb(9,215,226)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#1509e2
```
#1509e2 rgb(21,9,226)
```

Analogous Color

#d7e209
```
#d7e209 rgb(215,226,9)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#e21509
```
#e21509 rgb(226,21,9)
```

Split Complementary Color

#6ae209
```
#6ae209 rgb(106,226,9)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#e2096a
```
#e2096a rgb(226,9,106)
```

Triadic Color

#09e281
```
#09e281 rgb(9,226,129)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#e2096a
```
#e2096a rgb(226,9,106)
```
#e28109
```
#e28109 rgb(226,129,9)
```

Tetradic Color

#064798
```
#064798 rgb(6,71,152)
```
#0753b1
```
#0753b1 rgb(7,83,177)
```
#085ec9
```
#085ec9 rgb(8,94,201)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#0f76f5
```
#0f76f5 rgb(15,118,245)
```
#2884f6
```
#2884f6 rgb(40,132,246)
```
#4092f7
```
#4092f7 rgb(64,146,247)
```

Monochromatic Color

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

#09a0e2
```
#09a0e2 rgb(9,160,226)
```
#098ee2
```
#098ee2 rgb(9,142,226)
```
#097ce2
```
#097ce2 rgb(9,124,226)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#0958e2
```
#0958e2 rgb(9,88,226)
```
#0946e2
```
#0946e2 rgb(9,70,226)
```
#0934e2
```
#0934e2 rgb(9,52,226)
```

Similar Colors

Text with hexadecimal color #096ae2

This text has a font color of #096ae2.

<span style="color:#096ae2;">Text here</span>

#096ae2 background color

This paragraph has a background color of #096ae2.

<p style="background-color:#096ae2;">Content here</p>

#096ae2 border color

This element has a border color of #096ae2.

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

CSS codes

.text {color:#096ae2;}

.background {background-color:#096ae2;}

.border {border:1px solid #096ae2;}

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, #010912 is the darkest color, while #ffffff is the lightest one.

#010912
```
#010912 rgb(1,9,18)
```
#011225
```
#011225 rgb(1,18,37)
```
#021a38
```
#021a38 rgb(2,26,56)
```
#03234b
```
#03234b rgb(3,35,75)
```
#042c5e
```
#042c5e rgb(4,44,94)
```
#043571
```
#043571 rgb(4,53,113)
```
#053e84
```
#053e84 rgb(5,62,132)
```
#064797
```
#064797 rgb(6,71,151)
```
#074fa9
```
#074fa9 rgb(7,79,169)
```
#0758bc
```
#0758bc rgb(7,88,188)
```
#0861cf
```
#0861cf rgb(8,97,207)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```
#0a73f5
```
#0a73f5 rgb(10,115,245)
```

Shade Color Variation

#1c7ef6
```
#1c7ef6 rgb(28,126,246)
```
#2f88f7
```
#2f88f7 rgb(47,136,247)
```
#4293f7
```
#4293f7 rgb(66,147,247)
```
#559ef8
```
#559ef8 rgb(85,158,248)
```
#68a9f9
```
#68a9f9 rgb(104,169,249)
```
#7bb3fa
```
#7bb3fa rgb(123,179,250)
```
#8dbefa
```
#8dbefa rgb(141,190,250)
```
#a0c9fb
```
#a0c9fb rgb(160,201,251)
```
#b3d4fc
```
#b3d4fc rgb(179,212,252)
```
#c6defd
```
#c6defd rgb(198,222,253)
```
#d9e9fd
```
#d9e9fd rgb(217,233,253)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#757576
```
#757576 rgb(117,117,118)
```
#6c757f
```
#6c757f rgb(108,117,127)
```
#637488
```
#637488 rgb(99,116,136)
```
#5a7391
```
#5a7391 rgb(90,115,145)
```
#51729a
```
#51729a rgb(81,114,154)
```
#4871a3
```
#4871a3 rgb(72,113,163)
```
#3f70ac
```
#3f70ac rgb(63,112,172)
```
#366fb5
```
#366fb5 rgb(54,111,181)
```
#2d6ebe
```
#2d6ebe rgb(45,110,190)
```
#246dc7
```
#246dc7 rgb(36,109,199)
```
#1b6cd0
```
#1b6cd0 rgb(27,108,208)
```
#126bd9
```
#126bd9 rgb(18,107,217)
```
#096ae2
```
#096ae2 rgb(9,106,226)
```

Tone Color Variation

Below, you can see how #096ae2 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

#5b5b5b Achromatopsia 0.005% of the population
#4b5e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e1 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#036fe1 Protanomaly 1% of men, 0.01% of women
#0373cf Deuteranomaly 6% of men, 0.4% of women
#0379a9 Tritanomaly 0.01% of the population

#096ae2 hex color

#096ae2 Color Information

#096ae2 Color Conversion

Color Schemes with #096ae2

Alternatives to #096ae2

#096ae2 Preview

Shades and Tints of #096ae2

Tones of #096ae2

Color Blindness Simulator