#05a2b8 hex color

In a RGB color space, hex #05a2b8 is composed of 2% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 187.4 degrees, a saturation of 94.7% and a lightness of 37.1%. #05a2b8 color hex could be obtained by blending #0affff with #004571. Closest websafe color is: #0099cc.

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

● #05a2b8 color description : Strong cyan.

The hexadecimal color #05a2b8 has RGB values of R:5, G:162, B:184 and CMYK values of C:0.97, M:0.12, Y:0, K:0.28. Its decimal value is 369336.

Hex triplet	05a2b8	`#05a2b8`
RGB Decimal	5, 162, 184	`rgb(5,162,184)`
RGB Percent	2, 63.5, 72.2	`rgb(2%,63.5%,72.2%)`
CMYK	97, 12, 0, 28
HSL	187.4°, 94.7, 37.1	`hsl(187.4,94.7%,37.1%)`
HSV (or HSB)	187.4°, 97.3, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.073, -26.937, -21.278
XYZ	21.632, 29.331, 49.866
xyY	0.215, 0.291, 29.331
CIE-LCH	61.073, 34.327, 218.306
CIE-LUV	61.073, -44.674, -28.923
Hunter-Lab	54.158, -23.48, -16.68
Binary	00000101, 10100010, 10111000

#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#b81b05
```
#b81b05 rgb(184,27,5)
```

Complementary Color

#05b875
```
#05b875 rgb(5,184,117)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#0549b8
```
#0549b8 rgb(5,73,184)
```

Analogous Color

#b87505
```
#b87505 rgb(184,117,5)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#b80548
```
#b80548 rgb(184,5,72)
```

Split Complementary Color

#a2b805
```
#a2b805 rgb(162,184,5)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#b805a2
```
#b805a2 rgb(184,5,162)
```

Triadic Color

#05b81b
```
#05b81b rgb(5,184,27)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#b805a2
```
#b805a2 rgb(184,5,162)
```
#b81b05
```
#b81b05 rgb(184,27,5)
```

Tetradic Color

#03606e
```
#03606e rgb(3,96,110)
```
#047686
```
#047686 rgb(4,118,134)
```
#048c9f
```
#048c9f rgb(4,140,159)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#06b8d1
```
#06b8d1 rgb(6,184,209)
```
#06ceea
```
#06ceea rgb(6,206,234)
```
#11dcf9
```
#11dcf9 rgb(17,220,249)
```

Monochromatic Color

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

#05b8a1
```
#05b8a1 rgb(5,184,161)
```
#05b8b0
```
#05b8b0 rgb(5,184,176)
```
#05b1b8
```
#05b1b8 rgb(5,177,184)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#0593b8
```
#0593b8 rgb(5,147,184)
```
#0584b8
```
#0584b8 rgb(5,132,184)
```
#0575b8
```
#0575b8 rgb(5,117,184)
```

Similar Colors

Text with hexadecimal color #05a2b8

This text has a font color of #05a2b8.

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

#05a2b8 background color

This paragraph has a background color of #05a2b8.

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

#05a2b8 border color

This element has a border color of #05a2b8.

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

CSS codes

.text {color:#05a2b8;}

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

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

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

#000b0c
```
#000b0c rgb(0,11,12)
```
#011b1f
```
#011b1f rgb(1,27,31)
```
#012c32
```
#012c32 rgb(1,44,50)
```
#023d45
```
#023d45 rgb(2,61,69)
```
#024e59
```
#024e59 rgb(2,78,89)
```
#035f6c
```
#035f6c rgb(3,95,108)
```
#03707f
```
#03707f rgb(3,112,127)
```
#048092
```
#048092 rgb(4,128,146)
```
#0491a5
```
#0491a5 rgb(4,145,165)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```
#06b3cb
```
#06b3cb rgb(6,179,203)
```
#06c4de
```
#06c4de rgb(6,196,222)
```
#07d4f1
```
#07d4f1 rgb(7,212,241)
```

Shade Color Variation

#13dcf9
```
#13dcf9 rgb(19,220,249)
```
#26dff9
```
#26dff9 rgb(38,223,249)
```
#39e2fa
```
#39e2fa rgb(57,226,250)
```
#4ce5fa
```
#4ce5fa rgb(76,229,250)
```
#5fe8fb
```
#5fe8fb rgb(95,232,251)
```
#72eafb
```
#72eafb rgb(114,234,251)
```
#85edfc
```
#85edfc rgb(133,237,252)
```
#99f0fc
```
#99f0fc rgb(153,240,252)
```
#acf3fd
```
#acf3fd rgb(172,243,253)
```
#bff6fd
```
#bff6fd rgb(191,246,253)
```
#d2f8fe
```
#d2f8fe rgb(210,248,254)
```
#e5fbfe
```
#e5fbfe rgb(229,251,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#5c6061
```
#5c6061 rgb(92,96,97)
```
#556668
```
#556668 rgb(85,102,104)
```
#4e6b6f
```
#4e6b6f rgb(78,107,111)
```
#467177
```
#467177 rgb(70,113,119)
```
#3f767e
```
#3f767e rgb(63,118,126)
```
#387c85
```
#387c85 rgb(56,124,133)
```
#31818c
```
#31818c rgb(49,129,140)
```
#298794
```
#298794 rgb(41,135,148)
```
#228c9b
```
#228c9b rgb(34,140,155)
```
#1b92a2
```
#1b92a2 rgb(27,146,162)
```
#1497a9
```
#1497a9 rgb(20,151,169)
```
#0c9db1
```
#0c9db1 rgb(12,157,177)
```
#05a2b8
```
#05a2b8 rgb(5,162,184)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#5f7f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9397b2 Protanopia 1% of men
#8f96c2 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#5f9bb4 Protanomaly 1% of men, 0.01% of women
#5d9abe Deuteranomaly 6% of men, 0.4% of women
#01a5b5 Tritanomaly 0.01% of the population

#05a2b8 hex color

#05a2b8 Color Information

#05a2b8 Color Conversion

Color Schemes with #05a2b8

Alternatives to #05a2b8

#05a2b8 Preview

Shades and Tints of #05a2b8

Tones of #05a2b8

Color Blindness Simulator