#5980f5 hex color

In a RGB color space, hex #5980f5 is composed of 34.9% red, 50.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 47.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 225 degrees, a saturation of 88.6% and a lightness of 65.5%. #5980f5 color hex could be obtained by blending #b2ffff with #0001eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 50
- B 96
RGB color chart
- C 64
- M 48
- Y 0
- K 4
CMYK color chart

● #5980f5 color description : Soft blue.

The hexadecimal color #5980f5 has RGB values of R:89, G:128, B:245 and CMYK values of C:0.64, M:0.48, Y:0, K:0.04. Its decimal value is 5865717.

Hex triplet	5980f5	`#5980f5`
RGB Decimal	89, 128, 245	`rgb(89,128,245)`
RGB Percent	34.9, 50.2, 96.1	`rgb(34.9%,50.2%,96.1%)`
CMYK	64, 48, 0, 4
HSL	225°, 88.6, 65.5	`hsl(225,88.6%,65.5%)`
HSV (or HSB)	225°, 63.7, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.241, 22.561, -62.831
XYZ	28.317, 24.153, 89.551
xyY	0.199, 0.17, 24.153
CIE-LCH	56.241, 66.759, 289.751
CIE-LUV	56.241, -19.032, -101.341
Hunter-Lab	49.146, 16.843, -73.633
Binary	01011001, 10000000, 11110101

#5980f5
```
#5980f5 rgb(89,128,245)
```
#f5ce59
```
#f5ce59 rgb(245,206,89)
```

Complementary Color

#59cef5
```
#59cef5 rgb(89,206,245)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#8059f5
```
#8059f5 rgb(128,89,245)
```

Analogous Color

#cef559
```
#cef559 rgb(206,245,89)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#f58059
```
#f58059 rgb(245,128,89)
```

Split Complementary Color

#80f559
```
#80f559 rgb(128,245,89)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#f55980
```
#f55980 rgb(245,89,128)
```

Triadic Color

#59f5ce
```
#59f5ce rgb(89,245,206)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#f55980
```
#f55980 rgb(245,89,128)
```
#f5ce59
```
#f5ce59 rgb(245,206,89)
```

Tetradic Color

#1149f1
```
#1149f1 rgb(17,73,241)
```
#295bf2
```
#295bf2 rgb(41,91,242)
```
#416ef4
```
#416ef4 rgb(65,110,244)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#7192f6
```
#7192f6 rgb(113,146,246)
```
#89a5f8
```
#89a5f8 rgb(137,165,248)
```
#a1b7f9
```
#a1b7f9 rgb(161,183,249)
```

Monochromatic Color

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

#59a7f5
```
#59a7f5 rgb(89,167,245)
```
#599af5
```
#599af5 rgb(89,154,245)
```
#598df5
```
#598df5 rgb(89,141,245)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#5973f5
```
#5973f5 rgb(89,115,245)
```
#5966f5
```
#5966f5 rgb(89,102,245)
```
#5959f5
```
#5959f5 rgb(89,89,245)
```

Similar Colors

Text with hexadecimal color #5980f5

This text has a font color of #5980f5.

<span style="color:#5980f5;">Text here</span>

#5980f5 background color

This paragraph has a background color of #5980f5.

<p style="background-color:#5980f5;">Content here</p>

#5980f5 border color

This element has a border color of #5980f5.

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

CSS codes

.text {color:#5980f5;}

.background {background-color:#5980f5;}

.border {border:1px solid #5980f5;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010613
```
#010613 rgb(1,6,19)
```
#020b26
```
#020b26 rgb(2,11,38)
```
#031138
```
#031138 rgb(3,17,56)
```
#04164b
```
#04164b rgb(4,22,75)
```
#061b5d
```
#061b5d rgb(6,27,93)
```
#072170
```
#072170 rgb(7,33,112)
```
#082682
```
#082682 rgb(8,38,130)
```
#092c95
```
#092c95 rgb(9,44,149)
```
#0a31a7
```
#0a31a7 rgb(10,49,167)
```
#0b37ba
```
#0b37ba rgb(11,55,186)
```
#0c3ccc
```
#0c3ccc rgb(12,60,204)
```
#0d42df
```
#0d42df rgb(13,66,223)
```

Shade Color Variation

#0f47f1
```
#0f47f1 rgb(15,71,241)
```
#2156f2
```
#2156f2 rgb(33,86,242)
```
#3464f3
```
#3464f3 rgb(52,100,243)
```
#4672f4
```
#4672f4 rgb(70,114,244)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#6c8ef6
```
#6c8ef6 rgb(108,142,246)
```
#7e9cf7
```
#7e9cf7 rgb(126,156,247)
```
#91aaf8
```
#91aaf8 rgb(145,170,248)
```
#a3b9f9
```
#a3b9f9 rgb(163,185,249)
```
#b6c7fb
```
#b6c7fb rgb(182,199,251)
```
#c8d5fc
```
#c8d5fc rgb(200,213,252)
```
#dbe3fd
```
#dbe3fd rgb(219,227,253)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

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

#a3a5ab
```
#a3a5ab rgb(163,165,171)
```
#9da2b1
```
#9da2b1 rgb(157,162,177)
```
#969eb8
```
#969eb8 rgb(150,158,184)
```
#8f9bbf
```
#8f9bbf rgb(143,155,191)
```
#8898c6
```
#8898c6 rgb(136,152,198)
```
#8294cc
```
#8294cc rgb(130,148,204)
```
#7b91d3
```
#7b91d3 rgb(123,145,211)
```
#748eda
```
#748eda rgb(116,142,218)
```
#6d8ae1
```
#6d8ae1 rgb(109,138,225)
```
#6787e7
```
#6787e7 rgb(103,135,231)
```
#6083ee
```
#6083ee rgb(96,131,238)
```
#5980f5
```
#5980f5 rgb(89,128,245)
```
#527dfc
```
#527dfc rgb(82,125,252)
```

Tone Color Variation

Below, you can see how #5980f5 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

#828282 Achromatopsia 0.005% of the population
#7a8299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c89f8 Protanopia 1% of men
#008fee Deuteranopia 1% of men
#139aa5 Tritanopia 0.001% of the population

Trichromacy

#5086f6 Protanomaly 1% of men, 0.01% of women
#2089f1 Deuteranomaly 6% of men, 0.4% of women
#2c90c2 Tritanomaly 0.01% of the population

#5980f5 hex color

#5980f5 Color Information

#5980f5 Color Conversion

Color Schemes with #5980f5

Alternatives to #5980f5

#5980f5 Preview

Shades and Tints of #5980f5

Tones of #5980f5

Color Blindness Simulator