#0580dd hex color

In a RGB color space, hex #0580dd is composed of 2% red, 50.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 42.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 205.8 degrees, a saturation of 95.6% and a lightness of 44.3%. #0580dd color hex could be obtained by blending #0affff with #0001bb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 50
- B 87
RGB color chart
- C 98
- M 42
- Y 0
- K 13
CMYK color chart

● #0580dd color description : Vivid blue.

The hexadecimal color #0580dd has RGB values of R:5, G:128, B:221 and CMYK values of C:0.98, M:0.42, Y:0, K:0.13. Its decimal value is 360669.

Hex triplet	0580dd	`#0580dd`
RGB Decimal	5, 128, 221	`rgb(5,128,221)`
RGB Percent	2, 50.2, 86.7	`rgb(2%,50.2%,86.7%)`
CMYK	98, 42, 0, 13
HSL	205.8°, 95.6, 44.3	`hsl(205.8,95.6%,44.3%)`
HSV (or HSB)	205.8°, 97.7, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.608, 5.73, -55.386
XYZ	20.83, 20.689, 71.298
xyY	0.185, 0.183, 20.689
CIE-LCH	52.608, 55.681, 275.907
CIE-LUV	52.608, -30.76, -86.663
Hunter-Lab	45.485, 2.144, -61.097
Binary	00000101, 10000000, 11011101

#0580dd
```
#0580dd rgb(5,128,221)
```
#dd6205
```
#dd6205 rgb(221,98,5)
```

Complementary Color

#05ddce
```
#05ddce rgb(5,221,206)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#0514dd
```
#0514dd rgb(5,20,221)
```

Analogous Color

#ddce05
```
#ddce05 rgb(221,206,5)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#dd0514
```
#dd0514 rgb(221,5,20)
```

Split Complementary Color

#80dd05
```
#80dd05 rgb(128,221,5)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#dd0580
```
#dd0580 rgb(221,5,128)
```

Triadic Color

#05dd62
```
#05dd62 rgb(5,221,98)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#dd0580
```
#dd0580 rgb(221,5,128)
```
#dd6205
```
#dd6205 rgb(221,98,5)
```

Tetradic Color

#035592
```
#035592 rgb(3,85,146)
```
#0463ab
```
#0463ab rgb(4,99,171)
```
#0472c4
```
#0472c4 rgb(4,114,196)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#068ef6
```
#068ef6 rgb(6,142,246)
```
#1b9afa
```
#1b9afa rgb(27,154,250)
```
#34a5fa
```
#34a5fa rgb(52,165,250)
```

Monochromatic Color

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

#05b6dd
```
#05b6dd rgb(5,182,221)
```
#05a4dd
```
#05a4dd rgb(5,164,221)
```
#0592dd
```
#0592dd rgb(5,146,221)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#056edd
```
#056edd rgb(5,110,221)
```
#055cdd
```
#055cdd rgb(5,92,221)
```
#054add
```
#054add rgb(5,74,221)
```

Similar Colors

Text with hexadecimal color #0580dd

This text has a font color of #0580dd.

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

#0580dd background color

This paragraph has a background color of #0580dd.

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

#0580dd border color

This element has a border color of #0580dd.

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

CSS codes

.text {color:#0580dd;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#01111d
```
#01111d rgb(1,17,29)
```
#011c30
```
#011c30 rgb(1,28,48)
```
#022744
```
#022744 rgb(2,39,68)
```
#023257
```
#023257 rgb(2,50,87)
```
#023d6a
```
#023d6a rgb(2,61,106)
```
#03487d
```
#03487d rgb(3,72,125)
```
#035490
```
#035490 rgb(3,84,144)
```
#045fa3
```
#045fa3 rgb(4,95,163)
```
#046ab7
```
#046ab7 rgb(4,106,183)
```
#0575ca
```
#0575ca rgb(5,117,202)
```
#0580dd
```
#0580dd rgb(5,128,221)
```
#058bf0
```
#058bf0 rgb(5,139,240)
```

Shade Color Variation

#1095fa
```
#1095fa rgb(16,149,250)
```
#239dfa
```
#239dfa rgb(35,157,250)
```
#36a6fa
```
#36a6fa rgb(54,166,250)
```
#49aefb
```
#49aefb rgb(73,174,251)
```
#5cb7fb
```
#5cb7fb rgb(92,183,251)
```
#70bffc
```
#70bffc rgb(112,191,252)
```
#83c8fc
```
#83c8fc rgb(131,200,252)
```
#96d0fd
```
#96d0fd rgb(150,208,253)
```
#a9d9fd
```
#a9d9fd rgb(169,217,253)
```
#bce1fd
```
#bce1fd rgb(188,225,253)
```
#cfeafe
```
#cfeafe rgb(207,234,254)
```
#e3f2fe
```
#e3f2fe rgb(227,242,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#6d7275
```
#6d7275 rgb(109,114,117)
```
#65737d
```
#65737d rgb(101,115,125)
```
#5c7486
```
#5c7486 rgb(92,116,134)
```
#53758f
```
#53758f rgb(83,117,143)
```
#4b7697
```
#4b7697 rgb(75,118,151)
```
#4278a0
```
#4278a0 rgb(66,120,160)
```
#3979a9
```
#3979a9 rgb(57,121,169)
```
#307ab2
```
#307ab2 rgb(48,122,178)
```
#287bba
```
#287bba rgb(40,123,186)
```
#1f7cc3
```
#1f7cc3 rgb(31,124,195)
```
#167ecc
```
#167ecc rgb(22,126,204)
```
#0e7fd4
```
#0e7fd4 rgb(14,127,212)
```
#0580dd
```
#0580dd rgb(5,128,221)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#536b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5881da Protanopia 1% of men
#1d86de Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#3a80db Protanomaly 1% of men, 0.01% of women
#1483de Deuteranomaly 6% of men, 0.4% of women
#018bb2 Tritanomaly 0.01% of the population

#0580dd hex color

#0580dd Color Information

#0580dd Color Conversion

Color Schemes with #0580dd

Alternatives to #0580dd

#0580dd Preview

Shades and Tints of #0580dd

Tones of #0580dd

Color Blindness Simulator