#0a57e2 hex color

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

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

● #0a57e2 color description : Vivid blue.

The hexadecimal color #0a57e2 has RGB values of R:10, G:87, B:226 and CMYK values of C:0.96, M:0.62, Y:0, K:0.11. Its decimal value is 677858.

Hex triplet	0a57e2	`#0a57e2`
RGB Decimal	10, 87, 226	`rgb(10,87,226)`
RGB Percent	3.9, 34.1, 88.6	`rgb(3.9%,34.1%,88.6%)`
CMYK	96, 62, 0, 11
HSL	218.6°, 91.5, 46.3	`hsl(218.6,91.5%,46.3%)`
HSV (or HSB)	218.6°, 95.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.799, 33.997, -75.732
XYZ	17.258, 12.37, 73.425
xyY	0.167, 0.12, 12.37
CIE-LCH	41.799, 83.013, 294.176
CIE-LUV	41.799, -18.844, -111.498
Hunter-Lab	35.172, 26.036, -99.156
Binary	00001010, 01010111, 11100010

#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#e2950a
```
#e2950a rgb(226,149,10)
```

Complementary Color

#0ac3e2
```
#0ac3e2 rgb(10,195,226)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#290ae2
```
#290ae2 rgb(41,10,226)
```

Analogous Color

#c3e20a
```
#c3e20a rgb(195,226,10)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#e2290a
```
#e2290a rgb(226,41,10)
```

Split Complementary Color

#57e20a
```
#57e20a rgb(87,226,10)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#e20a57
```
#e20a57 rgb(226,10,87)
```

Triadic Color

#0ae295
```
#0ae295 rgb(10,226,149)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#e20a57
```
#e20a57 rgb(226,10,87)
```
#e2950a
```
#e2950a rgb(226,149,10)
```

Tetradic Color

#073b99
```
#073b99 rgb(7,59,153)
```
#0844b1
```
#0844b1 rgb(8,68,177)
```
#094eca
```
#094eca rgb(9,78,202)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#1162f4
```
#1162f4 rgb(17,98,244)
```
#2972f6
```
#2972f6 rgb(41,114,246)
```
#4282f7
```
#4282f7 rgb(66,130,247)
```

Monochromatic Color

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

#0a8de2
```
#0a8de2 rgb(10,141,226)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#0a69e2
```
#0a69e2 rgb(10,105,226)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#0a45e2
```
#0a45e2 rgb(10,69,226)
```
#0a33e2
```
#0a33e2 rgb(10,51,226)
```
#0a21e2
```
#0a21e2 rgb(10,33,226)
```

Similar Colors

Text with hexadecimal color #0a57e2

This text has a font color of #0a57e2.

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

#0a57e2 background color

This paragraph has a background color of #0a57e2.

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

#0a57e2 border color

This element has a border color of #0a57e2.

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

CSS codes

.text {color:#0a57e2;}

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

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

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)
```
#010713
```
#010713 rgb(1,7,19)
```
#020f26
```
#020f26 rgb(2,15,38)
```
#031639
```
#031639 rgb(3,22,57)
```
#031d4c
```
#031d4c rgb(3,29,76)
```
#04245f
```
#04245f rgb(4,36,95)
```
#052c71
```
#052c71 rgb(5,44,113)
```
#063384
```
#063384 rgb(6,51,132)
```
#073a97
```
#073a97 rgb(7,58,151)
```
#0841aa
```
#0841aa rgb(8,65,170)
```
#0849bc
```
#0849bc rgb(8,73,188)
```
#0950cf
```
#0950cf rgb(9,80,207)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```

Shade Color Variation

#0b5ef4
```
#0b5ef4 rgb(11,94,244)
```
#1e6bf5
```
#1e6bf5 rgb(30,107,245)
```
#3177f6
```
#3177f6 rgb(49,119,246)
```
#4484f7
```
#4484f7 rgb(68,132,247)
```
#5790f8
```
#5790f8 rgb(87,144,248)
```
#699cf8
```
#699cf8 rgb(105,156,248)
```
#7ca9f9
```
#7ca9f9 rgb(124,169,249)
```
#8fb5fa
```
#8fb5fa rgb(143,181,250)
```
#a2c1fb
```
#a2c1fb rgb(162,193,251)
```
#b4cefc
```
#b4cefc rgb(180,206,252)
```
#c7dafd
```
#c7dafd rgb(199,218,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 #0154eb is the most saturated one.

#6e747e
```
#6e747e rgb(110,116,126)
```
#657187
```
#657187 rgb(101,113,135)
```
#5c6e90
```
#5c6e90 rgb(92,110,144)
```
#536c99
```
#536c99 rgb(83,108,153)
```
#4a69a2
```
#4a69a2 rgb(74,105,162)
```
#4067ac
```
#4067ac rgb(64,103,172)
```
#3764b5
```
#3764b5 rgb(55,100,181)
```
#2e61be
```
#2e61be rgb(46,97,190)
```
#255fc7
```
#255fc7 rgb(37,95,199)
```
#1c5cd0
```
#1c5cd0 rgb(28,92,208)
```
#135ad9
```
#135ad9 rgb(19,90,217)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#0154eb
```
#0154eb rgb(1,84,235)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#42516d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0361d2 Protanomaly 1% of men, 0.01% of women
#0365c2 Deuteranomaly 6% of men, 0.4% of women
#036aa0 Tritanomaly 0.01% of the population

#0a57e2 hex color

#0a57e2 Color Information

#0a57e2 Color Conversion

Color Schemes with #0a57e2

Alternatives to #0a57e2

#0a57e2 Preview

Shades and Tints of #0a57e2

Tones of #0a57e2

Color Blindness Simulator