#05a2fe hex color

In a RGB color space, hex #05a2fe is composed of 2% red, 63.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 36.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 202.2 degrees, a saturation of 99.2% and a lightness of 50.8%. #05a2fe color hex could be obtained by blending #0affff with #0045fd. Closest websafe color is: #0099ff.

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

● #05a2fe color description : Vivid blue.

The hexadecimal color #05a2fe has RGB values of R:5, G:162, B:254 and CMYK values of C:0.98, M:0.36, Y:0, K:0. Its decimal value is 369406.

Hex triplet	05a2fe	`#05a2fe`
RGB Decimal	5, 162, 254	`rgb(5,162,254)`
RGB Percent	2, 63.5, 99.6	`rgb(2%,63.5%,99.6%)`
CMYK	98, 36, 0, 0
HSL	202.2°, 99.2, 50.8	`hsl(202.2,99.2%,50.8%)`
HSV (or HSB)	202.2°, 98, 99.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.182, -1.926, -55.19
XYZ	30.868, 33.026, 98.508
xyY	0.19, 0.203, 33.026
CIE-LCH	64.182, 55.224, 268.001
CIE-LUV	64.182, -39.707, -88.979
Hunter-Lab	57.468, -4.691, -61.404
Binary	00000101, 10100010, 11111110

#05a2fe
```
#05a2fe rgb(5,162,254)
```
#fe6105
```
#fe6105 rgb(254,97,5)
```

Complementary Color

#05fede
```
#05fede rgb(5,254,222)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#0526fe
```
#0526fe rgb(5,38,254)
```

Analogous Color

#fede05
```
#fede05 rgb(254,222,5)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#fe0526
```
#fe0526 rgb(254,5,38)
```

Split Complementary Color

#a2fe05
```
#a2fe05 rgb(162,254,5)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#fe05a2
```
#fe05a2 rgb(254,5,162)
```

Triadic Color

#05fe61
```
#05fe61 rgb(5,254,97)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#fe05a2
```
#fe05a2 rgb(254,5,162)
```
#fe6105
```
#fe6105 rgb(254,97,5)
```

Tetradic Color

#0173b6
```
#0173b6 rgb(1,115,182)
```
#0183cf
```
#0183cf rgb(1,131,207)
```
#0193e9
```
#0193e9 rgb(1,147,233)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#1eabfe
```
#1eabfe rgb(30,171,254)
```
#38b5fe
```
#38b5fe rgb(56,181,254)
```
#51befe
```
#51befe rgb(81,190,254)
```

Monochromatic Color

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

#05e0fe
```
#05e0fe rgb(5,224,254)
```
#05ccfe
```
#05ccfe rgb(5,204,254)
```
#05b7fe
```
#05b7fe rgb(5,183,254)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```
#058dfe
```
#058dfe rgb(5,141,254)
```
#0579fe
```
#0579fe rgb(5,121,254)
```
#0564fe
```
#0564fe rgb(5,100,254)
```

Similar Colors

Text with hexadecimal color #05a2fe

This text has a font color of #05a2fe.

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

#05a2fe background color

This paragraph has a background color of #05a2fe.

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

#05a2fe border color

This element has a border color of #05a2fe.

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

CSS codes

.text {color:#05a2fe;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#000f18
```
#000f18 rgb(0,15,24)
```
#001b2b
```
#001b2b rgb(0,27,43)
```
#00283f
```
#00283f rgb(0,40,63)
```
#003452
```
#003452 rgb(0,52,82)
```
#004066
```
#004066 rgb(0,64,102)
```
#004d79
```
#004d79 rgb(0,77,121)
```
#01598d
```
#01598d rgb(1,89,141)
```
#0165a0
```
#0165a0 rgb(1,101,160)
```
#0172b4
```
#0172b4 rgb(1,114,180)
```
#017ec7
```
#017ec7 rgb(1,126,199)
```
#018adb
```
#018adb rgb(1,138,219)
```
#0197ee
```
#0197ee rgb(1,151,238)
```

Shade Color Variation

#05a2fe
```
#05a2fe rgb(5,162,254)
```
#19a9fe
```
#19a9fe rgb(25,169,254)
```
#2cb1fe
```
#2cb1fe rgb(44,177,254)
```
#40b8fe
```
#40b8fe rgb(64,184,254)
```
#53bffe
```
#53bffe rgb(83,191,254)
```
#67c6fe
```
#67c6fe rgb(103,198,254)
```
#7acefe
```
#7acefe rgb(122,206,254)
```
#8ed5ff
```
#8ed5ff rgb(142,213,255)
```
#a1dcff
```
#a1dcff rgb(161,220,255)
```
#b5e3ff
```
#b5e3ff rgb(181,227,255)
```
#c8ebff
```
#c8ebff rgb(200,235,255)
```
#dcf2ff
```
#dcf2ff rgb(220,242,255)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#79848a
```
#79848a rgb(121,132,138)
```
#6f8694
```
#6f8694 rgb(111,134,148)
```
#66899d
```
#66899d rgb(102,137,157)
```
#5c8ba7
```
#5c8ba7 rgb(92,139,167)
```
#528eb1
```
#528eb1 rgb(82,142,177)
```
#4990ba
```
#4990ba rgb(73,144,186)
```
#3f93c4
```
#3f93c4 rgb(63,147,196)
```
#3595ce
```
#3595ce rgb(53,149,206)
```
#2c98d7
```
#2c98d7 rgb(44,152,215)
```
#229ae1
```
#229ae1 rgb(34,154,225)
```
#189deb
```
#189deb rgb(24,157,235)
```
#0f9ff4
```
#0f9ff4 rgb(15,159,244)
```
#05a2fe
```
#05a2fe rgb(5,162,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#668598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9df6 Protanopia 1% of men
#5aa1ff Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#509ff9 Protanomaly 1% of men, 0.01% of women
#3ba1fe Deuteranomaly 6% of men, 0.4% of women
#01abd3 Tritanomaly 0.01% of the population

#05a2fe hex color

#05a2fe Color Information

#05a2fe Color Conversion

Color Schemes with #05a2fe

Alternatives to #05a2fe

#05a2fe Preview

Shades and Tints of #05a2fe

Tones of #05a2fe

Color Blindness Simulator