#059bcc hex color

In a RGB color space, hex #059bcc is composed of 2% red, 60.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 24% magenta, 0% yellow and 20% black. It has a hue angle of 194.8 degrees, a saturation of 95.2% and a lightness of 41%. #059bcc color hex could be obtained by blending #0affff with #003799. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 61
- B 80
RGB color chart
- C 98
- M 24
- Y 0
- K 20
CMYK color chart

● #059bcc color description : Strong cyan.

The hexadecimal color #059bcc has RGB values of R:5, G:155, B:204 and CMYK values of C:0.98, M:0.24, Y:0, K:0.2. Its decimal value is 367564.

Hex triplet	059bcc	`#059bcc`
RGB Decimal	5, 155, 204	`rgb(5,155,204)`
RGB Percent	2, 60.8, 80	`rgb(2%,60.8%,80%)`
CMYK	98, 24, 0, 20
HSL	194.8°, 95.2, 41	`hsl(194.8,95.2%,41%)`
HSV (or HSB)	194.8°, 97.5, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	59.737, -16.326, -34.563
XYZ	22.68, 27.832, 61.3
xyY	0.203, 0.249, 27.832
CIE-LCH	59.737, 38.225, 244.717
CIE-LUV	59.737, -40.747, -51.993
Hunter-Lab	52.756, -15.586, -31.963
Binary	00000101, 10011011, 11001100

#059bcc
```
#059bcc rgb(5,155,204)
```
#cc3605
```
#cc3605 rgb(204,54,5)
```

Complementary Color

#05cc9a
```
#05cc9a rgb(5,204,154)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#0538cc
```
#0538cc rgb(5,56,204)
```

Analogous Color

#cc9a05
```
#cc9a05 rgb(204,154,5)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#cc0538
```
#cc0538 rgb(204,5,56)
```

Split Complementary Color

#9bcc05
```
#9bcc05 rgb(155,204,5)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#cc059b
```
#cc059b rgb(204,5,155)
```

Triadic Color

#05cc36
```
#05cc36 rgb(5,204,54)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#cc059b
```
#cc059b rgb(204,5,155)
```
#cc3605
```
#cc3605 rgb(204,54,5)
```

Tetradic Color

#036281
```
#036281 rgb(3,98,129)
```
#04759a
```
#04759a rgb(4,117,154)
```
#0488b3
```
#0488b3 rgb(4,136,179)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#06aee5
```
#06aee5 rgb(6,174,229)
```
#0bbef9
```
#0bbef9 rgb(11,190,249)
```
#24c5fa
```
#24c5fa rgb(36,197,250)
```

Monochromatic Color

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

#05cccb
```
#05cccb rgb(5,204,203)
```
#05bccc
```
#05bccc rgb(5,188,204)
```
#05accc
```
#05accc rgb(5,172,204)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#058acc
```
#058acc rgb(5,138,204)
```
#057acc
```
#057acc rgb(5,122,204)
```
#0569cc
```
#0569cc rgb(5,105,204)
```

Similar Colors

Text with hexadecimal color #059bcc

This text has a font color of #059bcc.

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

#059bcc background color

This paragraph has a background color of #059bcc.

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

#059bcc border color

This element has a border color of #059bcc.

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

CSS codes

.text {color:#059bcc;}

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

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

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

#000a0d
```
#000a0d rgb(0,10,13)
```
#011820
```
#011820 rgb(1,24,32)
```
#012733
```
#012733 rgb(1,39,51)
```
#023546
```
#023546 rgb(2,53,70)
```
#024459
```
#024459 rgb(2,68,89)
```
#03526c
```
#03526c rgb(3,82,108)
```
#03617f
```
#03617f rgb(3,97,127)
```
#046f93
```
#046f93 rgb(4,111,147)
```
#047ea6
```
#047ea6 rgb(4,126,166)
```
#058cb9
```
#058cb9 rgb(5,140,185)
```
#059bcc
```
#059bcc rgb(5,155,204)
```
#05aadf
```
#05aadf rgb(5,170,223)
```
#06b8f2
```
#06b8f2 rgb(6,184,242)
```

Shade Color Variation

#13c0f9
```
#13c0f9 rgb(19,192,249)
```
#26c6fa
```
#26c6fa rgb(38,198,250)
```
#39cbfa
```
#39cbfa rgb(57,203,250)
```
#4cd0fb
```
#4cd0fb rgb(76,208,251)
```
#5fd5fb
```
#5fd5fb rgb(95,213,251)
```
#72dafc
```
#72dafc rgb(114,218,252)
```
#86dffc
```
#86dffc rgb(134,223,252)
```
#99e4fc
```
#99e4fc rgb(153,228,252)
```
#ace9fd
```
#ace9fd rgb(172,233,253)
```
#bfeefd
```
#bfeefd rgb(191,238,253)
```
#d2f3fe
```
#d2f3fe rgb(210,243,254)
```
#e5f8fe
```
#e5f8fe rgb(229,248,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#656a6c
```
#656a6c rgb(101,106,108)
```
#5d6e74
```
#5d6e74 rgb(93,110,116)
```
#55727c
```
#55727c rgb(85,114,124)
```
#4d7684
```
#4d7684 rgb(77,118,132)
```
#457a8c
```
#457a8c rgb(69,122,140)
```
#3d7e94
```
#3d7e94 rgb(61,126,148)
```
#35839c
```
#35839c rgb(53,131,156)
```
#2d87a4
```
#2d87a4 rgb(45,135,164)
```
#258bac
```
#258bac rgb(37,139,172)
```
#1d8fb4
```
#1d8fb4 rgb(29,143,180)
```
#1593bc
```
#1593bc rgb(21,147,188)
```
#0d97c4
```
#0d97c4 rgb(13,151,196)
```
#059bcc
```
#059bcc rgb(5,155,204)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e7c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8693c6 Protanopia 1% of men
#7994d3 Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5796c8 Protanomaly 1% of men, 0.01% of women
#4f97d0 Deuteranomaly 6% of men, 0.4% of women
#01a0b9 Tritanomaly 0.01% of the population

#059bcc hex color

#059bcc Color Information

#059bcc Color Conversion

Color Schemes with #059bcc

Alternatives to #059bcc

#059bcc Preview

Shades and Tints of #059bcc

Tones of #059bcc

Color Blindness Simulator