#0580b6 hex color

In a RGB color space, hex #0580b6 is composed of 2% red, 50.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 29.7% magenta, 0% yellow and 28.6% black. It has a hue angle of 198.3 degrees, a saturation of 94.7% and a lightness of 36.7%. #0580b6 color hex could be obtained by blending #0affff with #00016d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 50
- B 71
RGB color chart
- C 97
- M 30
- Y 0
- K 29
CMYK color chart

● #0580b6 color description : Strong blue.

The hexadecimal color #0580b6 has RGB values of R:5, G:128, B:182 and CMYK values of C:0.97, M:0.3, Y:0, K:0.29. Its decimal value is 360630.

Hex triplet	0580b6	`#0580b6`
RGB Decimal	5, 128, 182	`rgb(5,128,182)`
RGB Percent	2, 50.2, 71.4	`rgb(2%,50.2%,71.4%)`
CMYK	97, 30, 0, 29
HSL	198.3°, 94.7, 36.7	`hsl(198.3,94.7%,36.7%)`
HSV (or HSB)	198.3°, 97.3, 71.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	50.507, -9.314, -36.522
XYZ	16.223, 18.846, 47.036
xyY	0.198, 0.23, 18.846
CIE-LCH	50.507, 37.691, 255.693
CIE-LUV	50.507, -33.07, -54.409
Hunter-Lab	43.412, -9.267, -33.85
Binary	00000101, 10000000, 10110110

#0580b6
```
#0580b6 rgb(5,128,182)
```
#b63b05
```
#b63b05 rgb(182,59,5)
```

Complementary Color

#05b694
```
#05b694 rgb(5,182,148)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#0528b6
```
#0528b6 rgb(5,40,182)
```

Analogous Color

#b69405
```
#b69405 rgb(182,148,5)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#b60528
```
#b60528 rgb(182,5,40)
```

Split Complementary Color

#80b605
```
#80b605 rgb(128,182,5)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#b60580
```
#b60580 rgb(182,5,128)
```

Triadic Color

#05b63b
```
#05b63b rgb(5,182,59)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#b60580
```
#b60580 rgb(182,5,128)
```
#b63b05
```
#b63b05 rgb(182,59,5)
```

Tetradic Color

#034c6c
```
#034c6c rgb(3,76,108)
```
#045d84
```
#045d84 rgb(4,93,132)
```
#046f9d
```
#046f9d rgb(4,111,157)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#0691cf
```
#0691cf rgb(6,145,207)
```
#06a3e8
```
#06a3e8 rgb(6,163,232)
```
#0fb1f8
```
#0fb1f8 rgb(15,177,248)
```

Monochromatic Color

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

#05acb6
```
#05acb6 rgb(5,172,182)
```
#059eb6
```
#059eb6 rgb(5,158,182)
```
#058fb6
```
#058fb6 rgb(5,143,182)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#0571b6
```
#0571b6 rgb(5,113,182)
```
#0563b6
```
#0563b6 rgb(5,99,182)
```
#0554b6
```
#0554b6 rgb(5,84,182)
```

Similar Colors

Text with hexadecimal color #0580b6

This text has a font color of #0580b6.

<span style="color:#0580b6;">Text here</span>

#0580b6 background color

This paragraph has a background color of #0580b6.

<p style="background-color:#0580b6;">Content here</p>

#0580b6 border color

This element has a border color of #0580b6.

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

CSS codes

.text {color:#0580b6;}

.background {background-color:#0580b6;}

.border {border:1px solid #0580b6;}

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#01151d
```
#01151d rgb(1,21,29)
```
#012230
```
#012230 rgb(1,34,48)
```
#022f43
```
#022f43 rgb(2,47,67)
```
#023d57
```
#023d57 rgb(2,61,87)
```
#034a6a
```
#034a6a rgb(3,74,106)
```
#03587d
```
#03587d rgb(3,88,125)
```
#046590
```
#046590 rgb(4,101,144)
```
#0473a3
```
#0473a3 rgb(4,115,163)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```
#068dc9
```
#068dc9 rgb(6,141,201)
```
#069bdc
```
#069bdc rgb(6,155,220)
```
#07a8ef
```
#07a8ef rgb(7,168,239)
```

Shade Color Variation

#11b2f8
```
#11b2f8 rgb(17,178,248)
```
#24b8f9
```
#24b8f9 rgb(36,184,249)
```
#37befa
```
#37befa rgb(55,190,250)
```
#4ac4fa
```
#4ac4fa rgb(74,196,250)
```
#5dcbfb
```
#5dcbfb rgb(93,203,251)
```
#70d1fb
```
#70d1fb rgb(112,209,251)
```
#84d7fc
```
#84d7fc rgb(132,215,252)
```
#97ddfc
```
#97ddfc rgb(151,221,252)
```
#aae3fd
```
#aae3fd rgb(170,227,253)
```
#bdeafd
```
#bdeafd rgb(189,234,253)
```
#d0f0fe
```
#d0f0fe rgb(208,240,254)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#5b5e60
```
#5b5e60 rgb(91,94,96)
```
#546167
```
#546167 rgb(84,97,103)
```
#4d646e
```
#4d646e rgb(77,100,110)
```
#466775
```
#466775 rgb(70,103,117)
```
#3f6a7c
```
#3f6a7c rgb(63,106,124)
```
#376c84
```
#376c84 rgb(55,108,132)
```
#306f8b
```
#306f8b rgb(48,111,139)
```
#297292
```
#297292 rgb(41,114,146)
```
#227599
```
#227599 rgb(34,117,153)
```
#1b78a0
```
#1b78a0 rgb(27,120,160)
```
#137aa8
```
#137aa8 rgb(19,122,168)
```
#0c7daf
```
#0c7daf rgb(12,125,175)
```
#0580b6
```
#0580b6 rgb(5,128,182)
```

Tone Color Variation

Below, you can see how #0580b6 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

#616161 Achromatopsia 0.005% of the population
#4f6772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7db3 Protanopia 1% of men
#5c7fbc Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#467eb4 Protanomaly 1% of men, 0.01% of women
#3c7fba Deuteranomaly 6% of men, 0.4% of women
#0187a0 Tritanomaly 0.01% of the population

#0580b6 hex color

#0580b6 Color Information

#0580b6 Color Conversion

Color Schemes with #0580b6

Alternatives to #0580b6

#0580b6 Preview

Shades and Tints of #0580b6

Tones of #0580b6

Color Blindness Simulator