#05a2e1 hex color

In a RGB color space, hex #05a2e1 is composed of 2% red, 63.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 28% magenta, 0% yellow and 11.8% black. It has a hue angle of 197.2 degrees, a saturation of 95.7% and a lightness of 45.1%. #05a2e1 color hex could be obtained by blending #0affff with #0045c3. Closest websafe color is: #0099cc.

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

● #05a2e1 color description : Vivid blue.

The hexadecimal color #05a2e1 has RGB values of R:5, G:162, B:225 and CMYK values of C:0.98, M:0.28, Y:0, K:0.12. Its decimal value is 369377.

Hex triplet	05a2e1	`#05a2e1`
RGB Decimal	5, 162, 225	`rgb(5,162,225)`
RGB Percent	2, 63.5, 88.2	`rgb(2%,63.5%,88.2%)`
CMYK	98, 28, 0, 12
HSL	197.2°, 95.7, 45.1	`hsl(197.2,95.7%,45.1%)`
HSV (or HSB)	197.2°, 97.8, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.766, -12.577, -41.509
XYZ	26.57, 31.307, 75.872
xyY	0.199, 0.234, 31.307
CIE-LCH	62.766, 43.373, 253.144
CIE-LUV	62.766, -41.614, -64.502
Hunter-Lab	55.952, -13.152, -41.232
Binary	00000101, 10100010, 11100001

#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#e14405
```
#e14405 rgb(225,68,5)
```

Complementary Color

#05e1b2
```
#05e1b2 rgb(5,225,178)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#0534e1
```
#0534e1 rgb(5,52,225)
```

Analogous Color

#e1b205
```
#e1b205 rgb(225,178,5)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#e10534
```
#e10534 rgb(225,5,52)
```

Split Complementary Color

#a2e105
```
#a2e105 rgb(162,225,5)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#e105a2
```
#e105a2 rgb(225,5,162)
```

Triadic Color

#05e144
```
#05e144 rgb(5,225,68)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#e105a2
```
#e105a2 rgb(225,5,162)
```
#e14405
```
#e14405 rgb(225,68,5)
```

Tetradic Color

#036c96
```
#036c96 rgb(3,108,150)
```
#047eaf
```
#047eaf rgb(4,126,175)
```
#0490c8
```
#0490c8 rgb(4,144,200)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#06b4f9
```
#06b4f9 rgb(6,180,249)
```
#1fbbfa
```
#1fbbfa rgb(31,187,250)
```
#38c3fb
```
#38c3fb rgb(56,195,251)
```

Monochromatic Color

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

#05d9e1
```
#05d9e1 rgb(5,217,225)
```
#05c7e1
```
#05c7e1 rgb(5,199,225)
```
#05b4e1
```
#05b4e1 rgb(5,180,225)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#0590e1
```
#0590e1 rgb(5,144,225)
```
#057de1
```
#057de1 rgb(5,125,225)
```
#056be1
```
#056be1 rgb(5,107,225)
```

Similar Colors

Text with hexadecimal color #05a2e1

This text has a font color of #05a2e1.

<span style="color:#05a2e1;">Text here</span>

#05a2e1 background color

This paragraph has a background color of #05a2e1.

<p style="background-color:#05a2e1;">Content here</p>

#05a2e1 border color

This element has a border color of #05a2e1.

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

CSS codes

.text {color:#05a2e1;}

.background {background-color:#05a2e1;}

.border {border:1px solid #05a2e1;}

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, #000a0e is the darkest color, while #fafdff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#011821
```
#011821 rgb(1,24,33)
```
#012634
```
#012634 rgb(1,38,52)
```
#023347
```
#023347 rgb(2,51,71)
```
#02415b
```
#02415b rgb(2,65,91)
```
#024f6e
```
#024f6e rgb(2,79,110)
```
#035d81
```
#035d81 rgb(3,93,129)
```
#036b94
```
#036b94 rgb(3,107,148)
```
#0479a7
```
#0479a7 rgb(4,121,167)
```
#0486bb
```
#0486bb rgb(4,134,187)
```
#0594ce
```
#0594ce rgb(5,148,206)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```
#05b0f4
```
#05b0f4 rgb(5,176,244)
```

Shade Color Variation

#13b8fa
```
#13b8fa rgb(19,184,250)
```
#27befa
```
#27befa rgb(39,190,250)
```
#3ac3fb
```
#3ac3fb rgb(58,195,251)
```
#4dc9fb
```
#4dc9fb rgb(77,201,251)
```
#60cffb
```
#60cffb rgb(96,207,251)
```
#73d5fc
```
#73d5fc rgb(115,213,252)
```
#87dbfc
```
#87dbfc rgb(135,219,252)
```
#9ae0fd
```
#9ae0fd rgb(154,224,253)
```
#ade6fd
```
#ade6fd rgb(173,230,253)
```
#c0ecfe
```
#c0ecfe rgb(192,236,254)
```
#d3f2fe
```
#d3f2fe rgb(211,242,254)
```
#e7f8fe
```
#e7f8fe rgb(231,248,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#6f7577
```
#6f7577 rgb(111,117,119)
```
#667880
```
#667880 rgb(102,120,128)
```
#5d7c89
```
#5d7c89 rgb(93,124,137)
```
#558091
```
#558091 rgb(85,128,145)
```
#4c849a
```
#4c849a rgb(76,132,154)
```
#4388a3
```
#4388a3 rgb(67,136,163)
```
#3a8bac
```
#3a8bac rgb(58,139,172)
```
#318fb5
```
#318fb5 rgb(49,143,181)
```
#2893be
```
#2893be rgb(40,147,190)
```
#2097c6
```
#2097c6 rgb(32,151,198)
```
#179acf
```
#179acf rgb(23,154,207)
```
#0e9ed8
```
#0e9ed8 rgb(14,158,216)
```
#05a2e1
```
#05a2e1 rgb(5,162,225)
```

Tone Color Variation

Below, you can see how #05a2e1 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

#7a7a7a Achromatopsia 0.005% of the population
#63828f Atypical Achromatopsia 0.001% of the population

Dichromacy

#879bd9 Protanopia 1% of men
#769ce6 Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#589ddc Protanomaly 1% of men, 0.01% of women
#4c9ee4 Deuteranomaly 6% of men, 0.4% of women
#01a8c6 Tritanomaly 0.01% of the population

#05a2e1 hex color

#05a2e1 Color Information

#05a2e1 Color Conversion

Color Schemes with #05a2e1

Alternatives to #05a2e1

#05a2e1 Preview

Shades and Tints of #05a2e1

Tones of #05a2e1

Color Blindness Simulator