#0a6ce2 hex color

In a RGB color space, hex #0a6ce2 is composed of 3.9% red, 42.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 52.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 212.8 degrees, a saturation of 91.5% and a lightness of 46.3%. #0a6ce2 color hex could be obtained by blending #14d8ff with #0000c5. Closest websafe color is: #0066cc.

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

● #0a6ce2 color description : Vivid blue.

The hexadecimal color #0a6ce2 has RGB values of R:10, G:108, B:226 and CMYK values of C:0.96, M:0.52, Y:0, K:0.11. Its decimal value is 683234.

Hex triplet	0a6ce2	`#0a6ce2`
RGB Decimal	10, 108, 226	`rgb(10,108,226)`
RGB Percent	3.9, 42.4, 88.6	`rgb(3.9%,42.4%,88.6%)`
CMYK	96, 52, 0, 11
HSL	212.8°, 91.5, 46.3	`hsl(212.8,91.5%,46.3%)`
HSV (or HSB)	212.8°, 95.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.338, 20.428, -66.698
XYZ	19.212, 16.279, 74.077
xyY	0.175, 0.149, 16.279
CIE-LCH	47.338, 69.756, 287.028
CIE-LUV	47.338, -24.366, -102.552
Hunter-Lab	40.347, 14.389, -80.613
Binary	00001010, 01101100, 11100010

#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#e2800a
```
#e2800a rgb(226,128,10)
```

Complementary Color

#0ad8e2
```
#0ad8e2 rgb(10,216,226)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#140ae2
```
#140ae2 rgb(20,10,226)
```

Analogous Color

#d8e20a
```
#d8e20a rgb(216,226,10)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#e2140a
```
#e2140a rgb(226,20,10)
```

Split Complementary Color

#6ce20a
```
#6ce20a rgb(108,226,10)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#e20a6c
```
#e20a6c rgb(226,10,108)
```

Triadic Color

#0ae280
```
#0ae280 rgb(10,226,128)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#e20a6c
```
#e20a6c rgb(226,10,108)
```
#e2800a
```
#e2800a rgb(226,128,10)
```

Tetradic Color

#074999
```
#074999 rgb(7,73,153)
```
#0855b1
```
#0855b1 rgb(8,85,177)
```
#0960ca
```
#0960ca rgb(9,96,202)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#1178f4
```
#1178f4 rgb(17,120,244)
```
#2986f6
```
#2986f6 rgb(41,134,246)
```
#4294f7
```
#4294f7 rgb(66,148,247)
```

Monochromatic Color

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

#0aa2e2
```
#0aa2e2 rgb(10,162,226)
```
#0a90e2
```
#0a90e2 rgb(10,144,226)
```
#0a7ee2
```
#0a7ee2 rgb(10,126,226)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#0a48e2
```
#0a48e2 rgb(10,72,226)
```
#0a36e2
```
#0a36e2 rgb(10,54,226)
```

Similar Colors

Text with hexadecimal color #0a6ce2

This text has a font color of #0a6ce2.

<span style="color:#0a6ce2;">Text here</span>

#0a6ce2 background color

This paragraph has a background color of #0a6ce2.

<p style="background-color:#0a6ce2;">Content here</p>

#0a6ce2 border color

This element has a border color of #0a6ce2.

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

CSS codes

.text {color:#0a6ce2;}

.background {background-color:#0a6ce2;}

.border {border:1px solid #0a6ce2;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010913
```
#010913 rgb(1,9,19)
```
#021226
```
#021226 rgb(2,18,38)
```
#031b39
```
#031b39 rgb(3,27,57)
```
#03244c
```
#03244c rgb(3,36,76)
```
#042d5f
```
#042d5f rgb(4,45,95)
```
#053671
```
#053671 rgb(5,54,113)
```
#063f84
```
#063f84 rgb(6,63,132)
```
#074897
```
#074897 rgb(7,72,151)
```
#0851aa
```
#0851aa rgb(8,81,170)
```
#085abc
```
#085abc rgb(8,90,188)
```
#0963cf
```
#0963cf rgb(9,99,207)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```

Shade Color Variation

#0b75f4
```
#0b75f4 rgb(11,117,244)
```
#1e80f5
```
#1e80f5 rgb(30,128,245)
```
#318af6
```
#318af6 rgb(49,138,246)
```
#4495f7
```
#4495f7 rgb(68,149,247)
```
#57a0f8
```
#57a0f8 rgb(87,160,248)
```
#69aaf8
```
#69aaf8 rgb(105,170,248)
```
#7cb5f9
```
#7cb5f9 rgb(124,181,249)
```
#8fc0fa
```
#8fc0fa rgb(143,192,250)
```
#a2cafb
```
#a2cafb rgb(162,202,251)
```
#b4d5fc
```
#b4d5fc rgb(180,213,252)
```
#c7dffd
```
#c7dffd rgb(199,223,253)
```
#daeafd
```
#daeafd rgb(218,234,253)
```
#edf5fe
```
#edf5fe rgb(237,245,254)
```

Tint Color Variation

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

#6e757e
```
#6e757e rgb(110,117,126)
```
#657487
```
#657487 rgb(101,116,135)
```
#5c7490
```
#5c7490 rgb(92,116,144)
```
#537399
```
#537399 rgb(83,115,153)
```
#4a72a2
```
#4a72a2 rgb(74,114,162)
```
#4071ac
```
#4071ac rgb(64,113,172)
```
#3770b5
```
#3770b5 rgb(55,112,181)
```
#2e6fbe
```
#2e6fbe rgb(46,111,190)
```
#256fc7
```
#256fc7 rgb(37,111,199)
```
#1c6ed0
```
#1c6ed0 rgb(28,110,208)
```
#136dd9
```
#136dd9 rgb(19,109,217)
```
#0a6ce2
```
#0a6ce2 rgb(10,108,226)
```
#016beb
```
#016beb rgb(1,107,235)
```

Tone Color Variation

Below, you can see how #0a6ce2 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

#5c5c5c Achromatopsia 0.005% of the population
#4c5f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0573e3 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#0671e3 Protanomaly 1% of men, 0.01% of women
#0375d1 Deuteranomaly 6% of men, 0.4% of women
#037aaa Tritanomaly 0.01% of the population

#0a6ce2 hex color

#0a6ce2 Color Information

#0a6ce2 Color Conversion

Color Schemes with #0a6ce2

Alternatives to #0a6ce2

#0a6ce2 Preview

Shades and Tints of #0a6ce2

Tones of #0a6ce2

Color Blindness Simulator