#0a5ae2 hex color

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

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

● #0a5ae2 color description : Vivid blue.

The hexadecimal color #0a5ae2 has RGB values of R:10, G:90, B:226 and CMYK values of C:0.96, M:0.6, Y:0, K:0.11. Its decimal value is 678626.

Hex triplet	0a5ae2	`#0a5ae2`
RGB Decimal	10, 90, 226	`rgb(10,90,226)`
RGB Percent	3.9, 35.3, 88.6	`rgb(3.9%,35.3%,88.6%)`
CMYK	96, 60, 0, 11
HSL	217.8°, 91.5, 46.3	`hsl(217.8,91.5%,46.3%)`
HSV (or HSB)	217.8°, 95.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.561, 32.061, -74.483
XYZ	17.506, 12.866, 73.508
xyY	0.169, 0.124, 12.866
CIE-LCH	42.561, 81.09, 293.289
CIE-LUV	42.561, -19.577, -110.483
Hunter-Lab	35.87, 24.343, -96.395
Binary	00001010, 01011010, 11100010

#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#e2920a
```
#e2920a rgb(226,146,10)
```

Complementary Color

#0ac6e2
```
#0ac6e2 rgb(10,198,226)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#260ae2
```
#260ae2 rgb(38,10,226)
```

Analogous Color

#c6e20a
```
#c6e20a rgb(198,226,10)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#e2260a
```
#e2260a rgb(226,38,10)
```

Split Complementary Color

#5ae20a
```
#5ae20a rgb(90,226,10)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#e20a5a
```
#e20a5a rgb(226,10,90)
```

Triadic Color

#0ae292
```
#0ae292 rgb(10,226,146)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#e20a5a
```
#e20a5a rgb(226,10,90)
```
#e2920a
```
#e2920a rgb(226,146,10)
```

Tetradic Color

#073d99
```
#073d99 rgb(7,61,153)
```
#0847b1
```
#0847b1 rgb(8,71,177)
```
#0950ca
```
#0950ca rgb(9,80,202)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#1165f4
```
#1165f4 rgb(17,101,244)
```
#2975f6
```
#2975f6 rgb(41,117,246)
```
#4285f7
```
#4285f7 rgb(66,133,247)
```

Monochromatic Color

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

#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)
```
#0a24e2
```
#0a24e2 rgb(10,36,226)
```

Similar Colors

Text with hexadecimal color #0a5ae2

This text has a font color of #0a5ae2.

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

#0a5ae2 background color

This paragraph has a background color of #0a5ae2.

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

#0a5ae2 border color

This element has a border color of #0a5ae2.

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

CSS codes

.text {color:#0a5ae2;}

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

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

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 #edf3fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010813
```
#010813 rgb(1,8,19)
```
#020f26
```
#020f26 rgb(2,15,38)
```
#031739
```
#031739 rgb(3,23,57)
```
#031e4c
```
#031e4c rgb(3,30,76)
```
#04265f
```
#04265f rgb(4,38,95)
```
#052d71
```
#052d71 rgb(5,45,113)
```
#063584
```
#063584 rgb(6,53,132)
```
#073c97
```
#073c97 rgb(7,60,151)
```
#0844aa
```
#0844aa rgb(8,68,170)
```
#084bbc
```
#084bbc rgb(8,75,188)
```
#0953cf
```
#0953cf rgb(9,83,207)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```

Shade Color Variation

#0b62f4
```
#0b62f4 rgb(11,98,244)
```
#1e6ef5
```
#1e6ef5 rgb(30,110,245)
```
#317af6
```
#317af6 rgb(49,122,246)
```
#4486f7
```
#4486f7 rgb(68,134,247)
```
#5792f8
```
#5792f8 rgb(87,146,248)
```
#699ef8
```
#699ef8 rgb(105,158,248)
```
#7caaf9
```
#7caaf9 rgb(124,170,249)
```
#8fb7fa
```
#8fb7fa rgb(143,183,250)
```
#a2c3fb
```
#a2c3fb rgb(162,195,251)
```
#b4cffc
```
#b4cffc rgb(180,207,252)
```
#c7dbfd
```
#c7dbfd rgb(199,219,253)
```
#dae7fd
```
#dae7fd rgb(218,231,253)
```
#edf3fe
```
#edf3fe rgb(237,243,254)
```

Tint Color Variation

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

#6e747e
```
#6e747e rgb(110,116,126)
```
#657287
```
#657287 rgb(101,114,135)
```
#5c6f90
```
#5c6f90 rgb(92,111,144)
```
#536d99
```
#536d99 rgb(83,109,153)
```
#4a6aa2
```
#4a6aa2 rgb(74,106,162)
```
#4068ac
```
#4068ac rgb(64,104,172)
```
#3766b5
```
#3766b5 rgb(55,102,181)
```
#2e63be
```
#2e63be rgb(46,99,190)
```
#2561c7
```
#2561c7 rgb(37,97,199)
```
#1c5fd0
```
#1c5fd0 rgb(28,95,208)
```
#135cd9
```
#135cd9 rgb(19,92,217)
```
#0a5ae2
```
#0a5ae2 rgb(10,90,226)
```
#0158eb
```
#0158eb rgb(1,88,235)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#44546f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0363d5 Protanomaly 1% of men, 0.01% of women
#0367c4 Deuteranomaly 6% of men, 0.4% of women
#036ca1 Tritanomaly 0.01% of the population

#0a5ae2 hex color

#0a5ae2 Color Information

#0a5ae2 Color Conversion

Color Schemes with #0a5ae2

Alternatives to #0a5ae2

#0a5ae2 Preview

Shades and Tints of #0a5ae2

Tones of #0a5ae2

Color Blindness Simulator