#0580fa hex color

In a RGB color space, hex #0580fa is composed of 2% red, 50.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 48.8% magenta, 0% yellow and 2% black. It has a hue angle of 209.9 degrees, a saturation of 96.1% and a lightness of 50%. #0580fa color hex could be obtained by blending #0affff with #0001f5. Closest websafe color is: #0099ff.

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

● #0580fa color description : Vivid blue.

The hexadecimal color #0580fa has RGB values of R:5, G:128, B:250 and CMYK values of C:0.98, M:0.49, Y:0, K:0.02. Its decimal value is 360698.

Hex triplet	0580fa	`#0580fa`
RGB Decimal	5, 128, 250	`rgb(5,128,250)`
RGB Percent	2, 50.2, 98	`rgb(2%,50.2%,98%)`
CMYK	98, 49, 0, 2
HSL	209.9°, 96.1, 50	`hsl(209.9,96.1%,50%)`
HSV (or HSB)	209.9°, 98, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	54.418, 16.976, -68.646
XYZ	25.033, 22.37, 93.436
xyY	0.178, 0.159, 22.37
CIE-LCH	54.418, 70.713, 283.89
CIE-LUV	54.418, -29.43, -109.081
Hunter-Lab	47.297, 11.705, -84.019
Binary	00000101, 10000000, 11111010

#0580fa
```
#0580fa rgb(5,128,250)
```
#fa7f05
```
#fa7f05 rgb(250,127,5)
```

Complementary Color

#05fafa
```
#05fafa rgb(5,250,250)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#0505fa
```
#0505fa rgb(5,5,250)
```

Analogous Color

#fafa05
```
#fafa05 rgb(250,250,5)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#fa0506
```
#fa0506 rgb(250,5,6)
```

Split Complementary Color

#80fa05
```
#80fa05 rgb(128,250,5)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#fa0580
```
#fa0580 rgb(250,5,128)
```

Triadic Color

#05fa7f
```
#05fa7f rgb(5,250,127)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#fa0580
```
#fa0580 rgb(250,5,128)
```
#fa7f05
```
#fa7f05 rgb(250,127,5)
```

Tetradic Color

#035aaf
```
#035aaf rgb(3,90,175)
```
#0466c8
```
#0466c8 rgb(4,102,200)
```
#0473e1
```
#0473e1 rgb(4,115,225)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#1e8dfb
```
#1e8dfb rgb(30,141,251)
```
#3799fb
```
#3799fb rgb(55,153,251)
```
#50a6fc
```
#50a6fc rgb(80,166,252)
```

Monochromatic Color

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

#05bdfa
```
#05bdfa rgb(5,189,250)
```
#05a9fa
```
#05a9fa rgb(5,169,250)
```
#0594fa
```
#0594fa rgb(5,148,250)
```
#0580fa
```
#0580fa rgb(5,128,250)
```
#056cfa
```
#056cfa rgb(5,108,250)
```
#0557fa
```
#0557fa rgb(5,87,250)
```
#0543fa
```
#0543fa rgb(5,67,250)
```

Similar Colors

Text with hexadecimal color #0580fa

This text has a font color of #0580fa.

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

#0580fa background color

This paragraph has a background color of #0580fa.

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

#0580fa border color

This element has a border color of #0580fa.

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

CSS codes

.text {color:#0580fa;}

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

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

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)
```
#011426
```
#011426 rgb(1,20,38)
```
#011e3a
```
#011e3a rgb(1,30,58)
```
#02274d
```
#02274d rgb(2,39,77)
```
#023160
```
#023160 rgb(2,49,96)
```
#023b73
```
#023b73 rgb(2,59,115)
```
#034587
```
#034587 rgb(3,69,135)
```
#034f9a
```
#034f9a rgb(3,79,154)
```
#0359ad
```
#0359ad rgb(3,89,173)
```
#0462c0
```
#0462c0 rgb(4,98,192)
```
#046cd4
```
#046cd4 rgb(4,108,212)
```
#0576e7
```
#0576e7 rgb(5,118,231)
```
#0580fa
```
#0580fa rgb(5,128,250)
```

Shade Color Variation

#188afa
```
#188afa rgb(24,138,250)
```
#2b94fb
```
#2b94fb rgb(43,148,251)
```
#3f9dfb
```
#3f9dfb rgb(63,157,251)
```
#52a7fc
```
#52a7fc rgb(82,167,252)
```
#65b1fc
```
#65b1fc rgb(101,177,252)
```
#78bbfc
```
#78bbfc rgb(120,187,252)
```
#8cc4fd
```
#8cc4fd rgb(140,196,253)
```
#9fcefd
```
#9fcefd rgb(159,206,253)
```
#b2d8fd
```
#b2d8fd rgb(178,216,253)
```
#c5e2fe
```
#c5e2fe rgb(197,226,254)
```
#d9ebfe
```
#d9ebfe rgb(217,235,254)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8084
```
#7b8084 rgb(123,128,132)
```
#71808e
```
#71808e rgb(113,128,142)
```
#678098
```
#678098 rgb(103,128,152)
```
#5d80a2
```
#5d80a2 rgb(93,128,162)
```
#5380ac
```
#5380ac rgb(83,128,172)
```
#4a80b5
```
#4a80b5 rgb(74,128,181)
```
#4080bf
```
#4080bf rgb(64,128,191)
```
#3680c9
```
#3680c9 rgb(54,128,201)
```
#2c80d3
```
#2c80d3 rgb(44,128,211)
```
#2280dd
```
#2280dd rgb(34,128,221)
```
#1980e6
```
#1980e6 rgb(25,128,230)
```
#0f80f0
```
#0f80f0 rgb(15,128,240)
```
#0580fa
```
#0580fa rgb(5,128,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#556e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b84f8 Protanopia 1% of men
#008be4 Deuteranopia 1% of men
#00969e Tritanopia 0.001% of the population

Trichromacy

#2783f9 Protanomaly 1% of men, 0.01% of women
#0187ec Deuteranomaly 6% of men, 0.4% of women
#018ebf Tritanomaly 0.01% of the population

#0580fa hex color

#0580fa Color Information

#0580fa Color Conversion

Color Schemes with #0580fa

Alternatives to #0580fa

#0580fa Preview

Shades and Tints of #0580fa

Tones of #0580fa

Color Blindness Simulator