#05a2f8 hex color

In a RGB color space, hex #05a2f8 is composed of 2% red, 63.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 34.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 201.2 degrees, a saturation of 96% and a lightness of 49.6%. #05a2f8 color hex could be obtained by blending #0affff with #0045f1. Closest websafe color is: #0099ff.

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

● #05a2f8 color description : Vivid blue.

The hexadecimal color #05a2f8 has RGB values of R:5, G:162, B:248 and CMYK values of C:0.98, M:0.35, Y:0, K:0.03. Its decimal value is 369400.

Hex triplet	05a2f8	`#05a2f8`
RGB Decimal	5, 162, 248	`rgb(5,162,248)`
RGB Percent	2, 63.5, 97.3	`rgb(2%,63.5%,97.3%)`
CMYK	98, 35, 0, 3
HSL	201.2°, 96, 49.6	`hsl(201.2,96%,49.6%)`
HSV (or HSB)	201.2°, 98, 97.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.874, -4.149, -52.403
XYZ	29.922, 32.647, 93.526
xyY	0.192, 0.209, 32.647
CIE-LCH	63.874, 52.567, 265.473
CIE-LUV	63.874, -40.081, -83.992
Hunter-Lab	57.138, -6.514, -57.052
Binary	00000101, 10100010, 11111000

#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#f85b05
```
#f85b05 rgb(248,91,5)
```

Complementary Color

#05f8d5
```
#05f8d5 rgb(5,248,213)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#0528f8
```
#0528f8 rgb(5,40,248)
```

Analogous Color

#f8d505
```
#f8d505 rgb(248,213,5)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#f80528
```
#f80528 rgb(248,5,40)
```

Split Complementary Color

#a2f805
```
#a2f805 rgb(162,248,5)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#f805a2
```
#f805a2 rgb(248,5,162)
```

Triadic Color

#05f85b
```
#05f85b rgb(5,248,91)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#f805a2
```
#f805a2 rgb(248,5,162)
```
#f85b05
```
#f85b05 rgb(248,91,5)
```

Tetradic Color

#0371ad
```
#0371ad rgb(3,113,173)
```
#0481c6
```
#0481c6 rgb(4,129,198)
```
#0492df
```
#0492df rgb(4,146,223)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#1cacfa
```
#1cacfa rgb(28,172,250)
```
#35b5fb
```
#35b5fb rgb(53,181,251)
```
#4ebefb
```
#4ebefb rgb(78,190,251)
```

Monochromatic Color

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

#05dff8
```
#05dff8 rgb(5,223,248)
```
#05cbf8
```
#05cbf8 rgb(5,203,248)
```
#05b6f8
```
#05b6f8 rgb(5,182,248)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```
#058ef8
```
#058ef8 rgb(5,142,248)
```
#057af8
```
#057af8 rgb(5,122,248)
```
#0565f8
```
#0565f8 rgb(5,101,248)
```

Similar Colors

Text with hexadecimal color #05a2f8

This text has a font color of #05a2f8.

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

#05a2f8 background color

This paragraph has a background color of #05a2f8.

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

#05a2f8 border color

This element has a border color of #05a2f8.

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

CSS codes

.text {color:#05a2f8;}

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

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

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

#000b11
```
#000b11 rgb(0,11,17)
```
#011824
```
#011824 rgb(1,24,36)
```
#012438
```
#012438 rgb(1,36,56)
```
#02314b
```
#02314b rgb(2,49,75)
```
#023e5e
```
#023e5e rgb(2,62,94)
```
#024a71
```
#024a71 rgb(2,74,113)
```
#035785
```
#035785 rgb(3,87,133)
```
#036398
```
#036398 rgb(3,99,152)
```
#0370ab
```
#0370ab rgb(3,112,171)
```
#047cbe
```
#047cbe rgb(4,124,190)
```
#0489d2
```
#0489d2 rgb(4,137,210)
```
#0595e5
```
#0595e5 rgb(5,149,229)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```

Shade Color Variation

#16aafa
```
#16aafa rgb(22,170,250)
```
#2ab1fb
```
#2ab1fb rgb(42,177,251)
```
#3db8fb
```
#3db8fb rgb(61,184,251)
```
#50bffb
```
#50bffb rgb(80,191,251)
```
#63c6fc
```
#63c6fc rgb(99,198,252)
```
#76cdfc
```
#76cdfc rgb(118,205,252)
```
#8ad4fd
```
#8ad4fd rgb(138,212,253)
```
#9ddbfd
```
#9ddbfd rgb(157,219,253)
```
#b0e2fd
```
#b0e2fd rgb(176,226,253)
```
#c3e9fe
```
#c3e9fe rgb(195,233,254)
```
#d7f0fe
```
#d7f0fe rgb(215,240,254)
```
#eaf7ff
```
#eaf7ff rgb(234,247,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7a8083
```
#7a8083 rgb(122,128,131)
```
#70838d
```
#70838d rgb(112,131,141)
```
#668697
```
#668697 rgb(102,134,151)
```
#5d88a0
```
#5d88a0 rgb(93,136,160)
```
#538baa
```
#538baa rgb(83,139,170)
```
#498eb4
```
#498eb4 rgb(73,142,180)
```
#3f91be
```
#3f91be rgb(63,145,190)
```
#3694c7
```
#3694c7 rgb(54,148,199)
```
#2c97d1
```
#2c97d1 rgb(44,151,209)
```
#2299db
```
#2299db rgb(34,153,219)
```
#189ce5
```
#189ce5 rgb(24,156,229)
```
#0f9fee
```
#0f9fee rgb(15,159,238)
```
#05a2f8
```
#05a2f8 rgb(5,162,248)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#658496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9df0 Protanopia 1% of men
#5fa0fa Deuteranopia 1% of men
#00afba Tritanopia 0.001% of the population

Trichromacy

#529ef3 Protanomaly 1% of men, 0.01% of women
#3ea1f9 Deuteranomaly 6% of men, 0.4% of women
#01aad1 Tritanomaly 0.01% of the population

#05a2f8 hex color

#05a2f8 Color Information

#05a2f8 Color Conversion

Color Schemes with #05a2f8

Alternatives to #05a2f8

#05a2f8 Preview

Shades and Tints of #05a2f8

Tones of #05a2f8

Color Blindness Simulator