#059ac2 hex color

In a RGB color space, hex #059ac2 is composed of 2% red, 60.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 20.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 192.7 degrees, a saturation of 95% and a lightness of 39%. #059ac2 color hex could be obtained by blending #0affff with #003585. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 60
- B 76
RGB color chart
- C 97
- M 21
- Y 0
- K 24
CMYK color chart

● #059ac2 color description : Strong cyan.

The hexadecimal color #059ac2 has RGB values of R:5, G:154, B:194 and CMYK values of C:0.97, M:0.21, Y:0, K:0.24. Its decimal value is 367298.

Hex triplet	059ac2	`#059ac2`
RGB Decimal	5, 154, 194	`rgb(5,154,194)`
RGB Percent	2, 60.4, 76.1	`rgb(2%,60.4%,76.1%)`
CMYK	97, 21, 0, 24
HSL	192.7°, 95, 39	`hsl(192.7,95%,39%)`
HSV (or HSB)	192.7°, 97.4, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.008, -19.354, -30.081
XYZ	21.353, 27.036, 55.129
xyY	0.206, 0.261, 27.036
CIE-LCH	59.008, 35.77, 237.244
CIE-LUV	59.008, -41.141, -44.115
Hunter-Lab	51.997, -17.69, -26.464
Binary	00000101, 10011010, 11000010

#059ac2
```
#059ac2 rgb(5,154,194)
```
#c22d05
```
#c22d05 rgb(194,45,5)
```

Complementary Color

#05c28c
```
#05c28c rgb(5,194,140)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#053cc2
```
#053cc2 rgb(5,60,194)
```

Analogous Color

#c28c05
```
#c28c05 rgb(194,140,5)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#c2053c
```
#c2053c rgb(194,5,60)
```

Split Complementary Color

#9ac205
```
#9ac205 rgb(154,194,5)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#c2059a
```
#c2059a rgb(194,5,154)
```

Triadic Color

#05c22d
```
#05c22d rgb(5,194,45)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#c2059a
```
#c2059a rgb(194,5,154)
```
#c22d05
```
#c22d05 rgb(194,45,5)
```

Tetradic Color

#035f77
```
#035f77 rgb(3,95,119)
```
#047390
```
#047390 rgb(4,115,144)
```
#0486a9
```
#0486a9 rgb(4,134,169)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#06aedb
```
#06aedb rgb(6,174,219)
```
#06c1f4
```
#06c1f4 rgb(6,193,244)
```
#1acaf9
```
#1acaf9 rgb(26,202,249)
```

Monochromatic Color

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

#05c2bb
```
#05c2bb rgb(5,194,187)
```
#05bac2
```
#05bac2 rgb(5,186,194)
```
#05aac2
```
#05aac2 rgb(5,170,194)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#058ac2
```
#058ac2 rgb(5,138,194)
```
#057bc2
```
#057bc2 rgb(5,123,194)
```
#056bc2
```
#056bc2 rgb(5,107,194)
```

Similar Colors

Text with hexadecimal color #059ac2

This text has a font color of #059ac2.

<span style="color:#059ac2;">Text here</span>

#059ac2 background color

This paragraph has a background color of #059ac2.

<p style="background-color:#059ac2;">Content here</p>

#059ac2 border color

This element has a border color of #059ac2.

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

CSS codes

.text {color:#059ac2;}

.background {background-color:#059ac2;}

.border {border:1px solid #059ac2;}

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

#000203
```
#000203 rgb(0,2,3)
```
#011116
```
#011116 rgb(1,17,22)
```
#012129
```
#012129 rgb(1,33,41)
```
#02303c
```
#02303c rgb(2,48,60)
```
#023f4f
```
#023f4f rgb(2,63,79)
```
#034e62
```
#034e62 rgb(3,78,98)
```
#035d76
```
#035d76 rgb(3,93,118)
```
#046c89
```
#046c89 rgb(4,108,137)
```
#047c9c
```
#047c9c rgb(4,124,156)
```
#058baf
```
#058baf rgb(5,139,175)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```
#05a9d5
```
#05a9d5 rgb(5,169,213)
```
#06b8e8
```
#06b8e8 rgb(6,184,232)
```

Shade Color Variation

#09c6f9
```
#09c6f9 rgb(9,198,249)
```
#1ccaf9
```
#1ccaf9 rgb(28,202,249)
```
#2fcffa
```
#2fcffa rgb(47,207,250)
```
#43d3fa
```
#43d3fa rgb(67,211,250)
```
#56d8fb
```
#56d8fb rgb(86,216,251)
```
#69dcfb
```
#69dcfb rgb(105,220,251)
```
#7ce1fc
```
#7ce1fc rgb(124,225,252)
```
#8fe5fc
```
#8fe5fc rgb(143,229,252)
```
#a2e9fd
```
#a2e9fd rgb(162,233,253)
```
#b5eefd
```
#b5eefd rgb(181,238,253)
```
#c8f2fe
```
#c8f2fe rgb(200,242,254)
```
#dcf7fe
```
#dcf7fe rgb(220,247,254)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616566 is the less saturated color, while #059ac2 is the most saturated one.

#616566
```
#616566 rgb(97,101,102)
```
#59696e
```
#59696e rgb(89,105,110)
```
#526e75
```
#526e75 rgb(82,110,117)
```
#4a727d
```
#4a727d rgb(74,114,125)
```
#427785
```
#427785 rgb(66,119,133)
```
#3b7b8c
```
#3b7b8c rgb(59,123,140)
```
#338094
```
#338094 rgb(51,128,148)
```
#2b849c
```
#2b849c rgb(43,132,156)
```
#2488a3
```
#2488a3 rgb(36,136,163)
```
#1c8dab
```
#1c8dab rgb(28,141,171)
```
#1491b3
```
#1491b3 rgb(20,145,179)
```
#0d96ba
```
#0d96ba rgb(13,150,186)
```
#059ac2
```
#059ac2 rgb(5,154,194)
```

Tone Color Variation

Below, you can see how #059ac2 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

#727272 Achromatopsia 0.005% of the population
#5c7a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8792bc Protanopia 1% of men
#7e92ca Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#5895be Protanomaly 1% of men, 0.01% of women
#5295c7 Deuteranomaly 6% of men, 0.4% of women
#019fb4 Tritanomaly 0.01% of the population

#059ac2 hex color

#059ac2 Color Information

#059ac2 Color Conversion

Color Schemes with #059ac2

Alternatives to #059ac2

#059ac2 Preview

Shades and Tints of #059ac2

Tones of #059ac2

Color Blindness Simulator