#0580e4 hex color

In a RGB color space, hex #0580e4 is composed of 2% red, 50.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 43.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 206.9 degrees, a saturation of 95.7% and a lightness of 45.7%. #0580e4 color hex could be obtained by blending #0affff with #0001c9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 50
- B 89
RGB color chart
- C 98
- M 44
- Y 0
- K 11
CMYK color chart

● #0580e4 color description : Vivid blue.

The hexadecimal color #0580e4 has RGB values of R:5, G:128, B:228 and CMYK values of C:0.98, M:0.44, Y:0, K:0.11. Its decimal value is 360676.

Hex triplet	0580e4	`#0580e4`
RGB Decimal	5, 128, 228	`rgb(5,128,228)`
RGB Percent	2, 50.2, 89.4	`rgb(2%,50.2%,89.4%)`
CMYK	98, 44, 0, 11
HSL	206.9°, 95.7, 45.7	`hsl(206.9,95.7%,45.7%)`
HSV (or HSB)	206.9°, 97.8, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.026, 8.452, -58.644
XYZ	21.782, 21.07, 76.313
xyY	0.183, 0.177, 21.07
CIE-LCH	53.026, 59.25, 278.201
CIE-LUV	53.026, -30.408, -92.204
Hunter-Lab	45.902, 4.376, -66.44
Binary	00000101, 10000000, 11100100

#0580e4
```
#0580e4 rgb(5,128,228)
```
#e46905
```
#e46905 rgb(228,105,5)
```

Complementary Color

#05e4d9
```
#05e4d9 rgb(5,228,217)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#0511e4
```
#0511e4 rgb(5,17,228)
```

Analogous Color

#e4d905
```
#e4d905 rgb(228,217,5)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#e40510
```
#e40510 rgb(228,5,16)
```

Split Complementary Color

#80e405
```
#80e405 rgb(128,228,5)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#e40580
```
#e40580 rgb(228,5,128)
```

Triadic Color

#05e469
```
#05e469 rgb(5,228,105)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#e40580
```
#e40580 rgb(228,5,128)
```
#e46905
```
#e46905 rgb(228,105,5)
```

Tetradic Color

#035699
```
#035699 rgb(3,86,153)
```
#0464b2
```
#0464b2 rgb(4,100,178)
```
#0472cb
```
#0472cb rgb(4,114,203)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#098efa
```
#098efa rgb(9,142,250)
```
#2299fa
```
#2299fa rgb(34,153,250)
```
#3ba5fb
```
#3ba5fb rgb(59,165,251)
```

Monochromatic Color

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

#05b8e4
```
#05b8e4 rgb(5,184,228)
```
#05a5e4
```
#05a5e4 rgb(5,165,228)
```
#0593e4
```
#0593e4 rgb(5,147,228)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#056de4
```
#056de4 rgb(5,109,228)
```
#055be4
```
#055be4 rgb(5,91,228)
```
#0548e4
```
#0548e4 rgb(5,72,228)
```

Similar Colors

Text with hexadecimal color #0580e4

This text has a font color of #0580e4.

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

#0580e4 background color

This paragraph has a background color of #0580e4.

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

#0580e4 border color

This element has a border color of #0580e4.

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

CSS codes

.text {color:#0580e4;}

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

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

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

#000911
```
#000911 rgb(0,9,17)
```
#011424
```
#011424 rgb(1,20,36)
```
#011f37
```
#011f37 rgb(1,31,55)
```
#022a4a
```
#022a4a rgb(2,42,74)
```
#02355e
```
#02355e rgb(2,53,94)
```
#023f71
```
#023f71 rgb(2,63,113)
```
#034a84
```
#034a84 rgb(3,74,132)
```
#035597
```
#035597 rgb(3,85,151)
```
#0460aa
```
#0460aa rgb(4,96,170)
```
#046abe
```
#046abe rgb(4,106,190)
```
#0575d1
```
#0575d1 rgb(5,117,209)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```

Shade Color Variation

#1694fa
```
#1694fa rgb(22,148,250)
```
#2a9dfa
```
#2a9dfa rgb(42,157,250)
```
#3da6fb
```
#3da6fb rgb(61,166,251)
```
#50aefb
```
#50aefb rgb(80,174,251)
```
#63b7fc
```
#63b7fc rgb(99,183,252)
```
#76c0fc
```
#76c0fc rgb(118,192,252)
```
#89c9fc
```
#89c9fc rgb(137,201,252)
```
#9dd2fd
```
#9dd2fd rgb(157,210,253)
```
#b0dbfd
```
#b0dbfd rgb(176,219,253)
```
#c3e3fe
```
#c3e3fe rgb(195,227,254)
```
#d6ecfe
```
#d6ecfe rgb(214,236,254)
```
#e9f5ff
```
#e9f5ff rgb(233,245,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#717578
```
#717578 rgb(113,117,120)
```
#687681
```
#687681 rgb(104,118,129)
```
#5f778a
```
#5f778a rgb(95,119,138)
```
#567893
```
#567893 rgb(86,120,147)
```
#4d799c
```
#4d799c rgb(77,121,156)
```
#447aa5
```
#447aa5 rgb(68,122,165)
```
#3b7aae
```
#3b7aae rgb(59,122,174)
```
#327bb7
```
#327bb7 rgb(50,123,183)
```
#297cc0
```
#297cc0 rgb(41,124,192)
```
#207dc9
```
#207dc9 rgb(32,125,201)
```
#177ed2
```
#177ed2 rgb(23,126,210)
```
#0e7fdb
```
#0e7fdb rgb(14,127,219)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#536c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5382e1 Protanopia 1% of men
#0087e1 Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#3681e2 Protanomaly 1% of men, 0.01% of women
#0184e2 Deuteranomaly 6% of men, 0.4% of women
#018bb5 Tritanomaly 0.01% of the population

#0580e4 hex color

#0580e4 Color Information

#0580e4 Color Conversion

Color Schemes with #0580e4

Alternatives to #0580e4

#0580e4 Preview

Shades and Tints of #0580e4

Tones of #0580e4

Color Blindness Simulator