#05a2bc hex color

In a RGB color space, hex #05a2bc is composed of 2% red, 63.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 13.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 188.5 degrees, a saturation of 94.8% and a lightness of 37.8%. #05a2bc color hex could be obtained by blending #0affff with #004579. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 64
- B 74
RGB color chart
- C 97
- M 14
- Y 0
- K 26
CMYK color chart

● #05a2bc color description : Strong cyan.

The hexadecimal color #05a2bc has RGB values of R:5, G:162, B:188 and CMYK values of C:0.97, M:0.14, Y:0, K:0.26. Its decimal value is 369340.

Hex triplet	05a2bc	`#05a2bc`
RGB Decimal	5, 162, 188	`rgb(5,162,188)`
RGB Percent	2, 63.5, 73.7	`rgb(2%,63.5%,73.7%)`
CMYK	97, 14, 0, 26
HSL	188.5°, 94.8, 37.8	`hsl(188.5,94.8%,37.8%)`
HSV (or HSB)	188.5°, 97.3, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.222, -25.59, -23.296
XYZ	22.057, 29.502, 52.106
xyY	0.213, 0.285, 29.502
CIE-LCH	61.222, 34.606, 222.313
CIE-LUV	61.222, -44.362, -32.399
Hunter-Lab	54.315, -22.563, -18.858
Binary	00000101, 10100010, 10111100

#05a2bc
```
#05a2bc rgb(5,162,188)
```
#bc1f05
```
#bc1f05 rgb(188,31,5)
```

Complementary Color

#05bc7b
```
#05bc7b rgb(5,188,123)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#0547bc
```
#0547bc rgb(5,71,188)
```

Analogous Color

#bc7b05
```
#bc7b05 rgb(188,123,5)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#bc0547
```
#bc0547 rgb(188,5,71)
```

Split Complementary Color

#a2bc05
```
#a2bc05 rgb(162,188,5)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#bc05a2
```
#bc05a2 rgb(188,5,162)
```

Triadic Color

#05bc1f
```
#05bc1f rgb(5,188,31)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#bc05a2
```
#bc05a2 rgb(188,5,162)
```
#bc1f05
```
#bc1f05 rgb(188,31,5)
```

Tetradic Color

#036271
```
#036271 rgb(3,98,113)
```
#04778a
```
#04778a rgb(4,119,138)
```
#048da3
```
#048da3 rgb(4,141,163)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#06b7d5
```
#06b7d5 rgb(6,183,213)
```
#06cdee
```
#06cdee rgb(6,205,238)
```
#15d8f9
```
#15d8f9 rgb(21,216,249)
```

Monochromatic Color

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

#05bca8
```
#05bca8 rgb(5,188,168)
```
#05bcb8
```
#05bcb8 rgb(5,188,184)
```
#05b1bc
```
#05b1bc rgb(5,177,188)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#0593bc
```
#0593bc rgb(5,147,188)
```
#0584bc
```
#0584bc rgb(5,132,188)
```
#0574bc
```
#0574bc rgb(5,116,188)
```

Similar Colors

Text with hexadecimal color #05a2bc

This text has a font color of #05a2bc.

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

#05a2bc background color

This paragraph has a background color of #05a2bc.

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

#05a2bc border color

This element has a border color of #05a2bc.

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

CSS codes

.text {color:#05a2bc;}

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

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

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

#000e10
```
#000e10 rgb(0,14,16)
```
#011e23
```
#011e23 rgb(1,30,35)
```
#012f36
```
#012f36 rgb(1,47,54)
```
#023f49
```
#023f49 rgb(2,63,73)
```
#02505c
```
#02505c rgb(2,80,92)
```
#036070
```
#036070 rgb(3,96,112)
```
#037183
```
#037183 rgb(3,113,131)
```
#048196
```
#048196 rgb(4,129,150)
```
#0492a9
```
#0492a9 rgb(4,146,169)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```
#06b2cf
```
#06b2cf rgb(6,178,207)
```
#06c3e2
```
#06c3e2 rgb(6,195,226)
```
#07d3f5
```
#07d3f5 rgb(7,211,245)
```

Shade Color Variation

#17d9f9
```
#17d9f9 rgb(23,217,249)
```
#2adcf9
```
#2adcf9 rgb(42,220,249)
```
#3ddffa
```
#3ddffa rgb(61,223,250)
```
#50e2fa
```
#50e2fa rgb(80,226,250)
```
#63e5fb
```
#63e5fb rgb(99,229,251)
```
#76e8fb
```
#76e8fb rgb(118,232,251)
```
#89ecfc
```
#89ecfc rgb(137,236,252)
```
#9ceffc
```
#9ceffc rgb(156,239,252)
```
#aff2fd
```
#aff2fd rgb(175,242,253)
```
#c3f5fd
```
#c3f5fd rgb(195,245,253)
```
#d6f8fe
```
#d6f8fe rgb(214,248,254)
```
#e9fbfe
```
#e9fbfe rgb(233,251,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#5e6263
```
#5e6263 rgb(94,98,99)
```
#57686a
```
#57686a rgb(87,104,106)
```
#4f6d72
```
#4f6d72 rgb(79,109,114)
```
#487279
```
#487279 rgb(72,114,121)
```
#407781
```
#407781 rgb(64,119,129)
```
#397d88
```
#397d88 rgb(57,125,136)
```
#32828f
```
#32828f rgb(50,130,143)
```
#2a8797
```
#2a8797 rgb(42,135,151)
```
#238d9e
```
#238d9e rgb(35,141,158)
```
#1b92a6
```
#1b92a6 rgb(27,146,166)
```
#1497ad
```
#1497ad rgb(20,151,173)
```
#0c9db5
```
#0c9db5 rgb(12,157,181)
```
#05a2bc
```
#05a2bc rgb(5,162,188)
```

Tone Color Variation

Below, you can see how #05a2bc 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
#5f7f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b6 Protanopia 1% of men
#8d97c5 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#5e9bb8 Protanomaly 1% of men, 0.01% of women
#5c9bc2 Deuteranomaly 6% of men, 0.4% of women
#01a5b7 Tritanomaly 0.01% of the population

#05a2bc hex color

#05a2bc Color Information

#05a2bc Color Conversion

Color Schemes with #05a2bc

Alternatives to #05a2bc

#05a2bc Preview

Shades and Tints of #05a2bc

Tones of #05a2bc

Color Blindness Simulator