#057ae0 hex color

In a RGB color space, hex #057ae0 is composed of 2% red, 47.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 45.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 207.9 degrees, a saturation of 95.6% and a lightness of 44.9%. #057ae0 color hex could be obtained by blending #0af4ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 48
- B 88
RGB color chart
- C 98
- M 46
- Y 0
- K 12
CMYK color chart

● #057ae0 color description : Vivid blue.

The hexadecimal color #057ae0 has RGB values of R:5, G:122, B:224 and CMYK values of C:0.98, M:0.46, Y:0, K:0.12. Its decimal value is 359136.

Hex triplet	057ae0	`#057ae0`
RGB Decimal	5, 122, 224	`rgb(5,122,224)`
RGB Percent	2, 47.8, 87.8	`rgb(2%,47.8%,87.8%)`
CMYK	98, 46, 0, 12
HSL	207.9°, 95.6, 44.9	`hsl(207.9,95.6%,44.9%)`
HSV (or HSB)	207.9°, 97.8, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	51.073, 10.618, -59.538
XYZ	20.474, 19.331, 73.169
xyY	0.181, 0.171, 19.331
CIE-LCH	51.073, 60.478, 280.112
CIE-LUV	51.073, -28.754, -92.978
Hunter-Lab	43.967, 6.176, -67.892
Binary	00000101, 01111010, 11100000

#057ae0
```
#057ae0 rgb(5,122,224)
```
#e06b05
```
#e06b05 rgb(224,107,5)
```

Complementary Color

#05e0d9
```
#05e0d9 rgb(5,224,217)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#050de0
```
#050de0 rgb(5,13,224)
```

Analogous Color

#e0d905
```
#e0d905 rgb(224,217,5)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#e0050d
```
#e0050d rgb(224,5,13)
```

Split Complementary Color

#7ae005
```
#7ae005 rgb(122,224,5)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#e0057a
```
#e0057a rgb(224,5,122)
```

Triadic Color

#05e06b
```
#05e06b rgb(5,224,107)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#e0057a
```
#e0057a rgb(224,5,122)
```
#e06b05
```
#e06b05 rgb(224,107,5)
```

Tetradic Color

#035195
```
#035195 rgb(3,81,149)
```
#045fae
```
#045fae rgb(4,95,174)
```
#046cc7
```
#046cc7 rgb(4,108,199)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#0688f9
```
#0688f9 rgb(6,136,249)
```
#1e94fa
```
#1e94fa rgb(30,148,250)
```
#379ffb
```
#379ffb rgb(55,159,251)
```

Monochromatic Color

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

#05b1e0
```
#05b1e0 rgb(5,177,224)
```
#059fe0
```
#059fe0 rgb(5,159,224)
```
#058ce0
```
#058ce0 rgb(5,140,224)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#0568e0
```
#0568e0 rgb(5,104,224)
```
#0556e0
```
#0556e0 rgb(5,86,224)
```
#0543e0
```
#0543e0 rgb(5,67,224)
```

Similar Colors

Text with hexadecimal color #057ae0

This text has a font color of #057ae0.

<span style="color:#057ae0;">Text here</span>

#057ae0 background color

This paragraph has a background color of #057ae0.

<p style="background-color:#057ae0;">Content here</p>

#057ae0 border color

This element has a border color of #057ae0.

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

CSS codes

.text {color:#057ae0;}

.background {background-color:#057ae0;}

.border {border:1px solid #057ae0;}

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, #00070d is the darkest color, while #f9fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#011120
```
#011120 rgb(1,17,32)
```
#011c33
```
#011c33 rgb(1,28,51)
```
#022647
```
#022647 rgb(2,38,71)
```
#02315a
```
#02315a rgb(2,49,90)
```
#023b6d
```
#023b6d rgb(2,59,109)
```
#034680
```
#034680 rgb(3,70,128)
```
#035093
```
#035093 rgb(3,80,147)
```
#045ba6
```
#045ba6 rgb(4,91,166)
```
#0465ba
```
#0465ba rgb(4,101,186)
```
#0570cd
```
#0570cd rgb(5,112,205)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```
#0584f3
```
#0584f3 rgb(5,132,243)
```

Shade Color Variation

#138efa
```
#138efa rgb(19,142,250)
```
#2697fa
```
#2697fa rgb(38,151,250)
```
#39a0fb
```
#39a0fb rgb(57,160,251)
```
#4caafb
```
#4caafb rgb(76,170,251)
```
#5fb3fb
```
#5fb3fb rgb(95,179,251)
```
#72bcfc
```
#72bcfc rgb(114,188,252)
```
#86c5fc
```
#86c5fc rgb(134,197,252)
```
#99cefd
```
#99cefd rgb(153,206,253)
```
#acd7fd
```
#acd7fd rgb(172,215,253)
```
#bfe1fe
```
#bfe1fe rgb(191,225,254)
```
#d2eafe
```
#d2eafe rgb(210,234,254)
```
#e6f3fe
```
#e6f3fe rgb(230,243,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#6f7376
```
#6f7376 rgb(111,115,118)
```
#66737f
```
#66737f rgb(102,115,127)
```
#5d7488
```
#5d7488 rgb(93,116,136)
```
#547591
```
#547591 rgb(84,117,145)
```
#4b759a
```
#4b759a rgb(75,117,154)
```
#4376a2
```
#4376a2 rgb(67,118,162)
```
#3a76ab
```
#3a76ab rgb(58,118,171)
```
#3177b4
```
#3177b4 rgb(49,119,180)
```
#2878bd
```
#2878bd rgb(40,120,189)
```
#1f78c6
```
#1f78c6 rgb(31,120,198)
```
#1779ce
```
#1779ce rgb(23,121,206)
```
#0e79d7
```
#0e79d7 rgb(14,121,215)
```
#057ae0
```
#057ae0 rgb(5,122,224)
```

Tone Color Variation

Below, you can see how #057ae0 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

#636363 Achromatopsia 0.005% of the population
#50687c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a7dde Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#317cdf Protanomaly 1% of men, 0.01% of women
#017fdb Deuteranomaly 6% of men, 0.4% of women
#0186b0 Tritanomaly 0.01% of the population

#057ae0 hex color

#057ae0 Color Information

#057ae0 Color Conversion

Color Schemes with #057ae0

Alternatives to #057ae0

#057ae0 Preview

Shades and Tints of #057ae0

Tones of #057ae0

Color Blindness Simulator