colorhexa.com

#0580e6 hex color

In a RGB color space, hex #0580e6 is composed of 2% red, 50.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 44.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 207.2 degrees, a saturation of 95.7% and a lightness of 46.1%. #0580e6 color hex could be obtained by blending #0affff with #0001cd. Closest websafe color is: #0099ff.

- R 2
- G 50
- B 90
RGB color chart
- C 98
- M 44
- Y 0
- K 10
CMYK color chart

● #0580e6 color description : Vivid blue.

The hexadecimal color #0580e6 has RGB values of R:5, G:128, B:230 and CMYK values of C:0.98, M:0.44, Y:0, K:0.1. Its decimal value is 360678.

Hex triplet	0580e6	`#0580e6`
RGB Decimal	5, 128, 230	`rgb(5,128,230)`
RGB Percent	2, 50.2, 90.2	`rgb(2%,50.2%,90.2%)`
CMYK	98, 44, 0, 10
HSL	207.2°, 95.7, 46.1	`hsl(207.2,95.7%,46.1%)`
HSV (or HSB)	207.2°, 97.8, 90.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	53.148, 9.229, -59.569
XYZ	22.061, 21.182, 77.784
xyY	0.182, 0.175, 21.182
CIE-LCH	53.148, 60.279, 278.807
CIE-LUV	53.148, -30.312, -93.772
Hunter-Lab	46.024, 5.022, -67.989
Binary	00000101, 10000000, 11100110

#0580e6
```
#0580e6 rgb(5,128,230)
```
#e66b05
```
#e66b05 rgb(230,107,5)
```

Complementary Color

#05e6dc
```
#05e6dc rgb(5,230,220)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#0510e6
```
#0510e6 rgb(5,16,230)
```

Analogous Color

#e6dc05
```
#e6dc05 rgb(230,220,5)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#e60510
```
#e60510 rgb(230,5,16)
```

Split Complementary Color

#80e605
```
#80e605 rgb(128,230,5)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#e60580
```
#e60580 rgb(230,5,128)
```

Triadic Color

#03569b
```
#03569b rgb(3,86,155)
```
#0464b4
```
#0464b4 rgb(4,100,180)
```
#0472cd
```
#0472cd rgb(4,114,205)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#0b8dfa
```
#0b8dfa rgb(11,141,250)
```
#2499fa
```
#2499fa rgb(36,153,250)
```
#3da5fb
```
#3da5fb rgb(61,165,251)
```

Monochromatic Color

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

#05b8e6
```
#05b8e6 rgb(5,184,230)
```
#05a6e6
```
#05a6e6 rgb(5,166,230)
```
#0593e6
```
#0593e6 rgb(5,147,230)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#056de6
```
#056de6 rgb(5,109,230)
```
#055be6
```
#055be6 rgb(5,91,230)
```
#0548e6
```
#0548e6 rgb(5,72,230)
```

Similar Colors

Text with hexadecimal color #0580e6

This text has a font color of #0580e6.

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

#0580e6 background color

This paragraph has a background color of #0580e6.

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

#0580e6 border color

This element has a border color of #0580e6.

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

CSS codes

.text {color:#0580e6;}

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

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

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

#000a13
```
#000a13 rgb(0,10,19)
```
#011526
```
#011526 rgb(1,21,38)
```
#012039
```
#012039 rgb(1,32,57)
```
#022b4c
```
#022b4c rgb(2,43,76)
```
#023560
```
#023560 rgb(2,53,96)
```
#024073
```
#024073 rgb(2,64,115)
```
#034b86
```
#034b86 rgb(3,75,134)
```
#035599
```
#035599 rgb(3,85,153)
```
#0460ac
```
#0460ac rgb(4,96,172)
```
#046bc0
```
#046bc0 rgb(4,107,192)
```
#0575d3
```
#0575d3 rgb(5,117,211)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```
#058bf9
```
#058bf9 rgb(5,139,249)
```

Shade Color Variation

#1894fa
```
#1894fa rgb(24,148,250)
```
#2b9dfa
```
#2b9dfa rgb(43,157,250)
```
#3fa6fb
```
#3fa6fb rgb(63,166,251)
```
#52aefb
```
#52aefb rgb(82,174,251)
```
#65b7fc
```
#65b7fc rgb(101,183,252)
```
#78c0fc
```
#78c0fc rgb(120,192,252)
```
#8bc9fc
```
#8bc9fc rgb(139,201,252)
```
#9fd2fd
```
#9fd2fd rgb(159,210,253)
```
#b2dbfd
```
#b2dbfd rgb(178,219,253)
```
#c5e4fe
```
#c5e4fe rgb(197,228,254)
```
#d8edfe
```
#d8edfe rgb(216,237,254)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#71767a
```
#71767a rgb(113,118,122)
```
#687783
```
#687783 rgb(104,119,131)
```
#5f788c
```
#5f788c rgb(95,120,140)
```
#567895
```
#567895 rgb(86,120,149)
```
#4d799e
```
#4d799e rgb(77,121,158)
```
#447aa7
```
#447aa7 rgb(68,122,167)
```
#3b7bb0
```
#3b7bb0 rgb(59,123,176)
```
#327cb9
```
#327cb9 rgb(50,124,185)
```
#297dc2
```
#297dc2 rgb(41,125,194)
```
#207dcb
```
#207dcb rgb(32,125,203)
```
#177ed4
```
#177ed4 rgb(23,126,212)
```
#0e7fdd
```
#0e7fdd rgb(14,127,221)
```
#0580e6
```
#0580e6 rgb(5,128,230)
```

Tone Color Variation

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

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

Trichromacy

#3581e4 Protanomaly 1% of men, 0.01% of women
#0185e3 Deuteranomaly 6% of men, 0.4% of women
#018bb6 Tritanomaly 0.01% of the population