#5980f6 Color Information
In a RGB color space, hex #5980f6 is composed of 34.9% red, 50.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 48% magenta, 0% yellow and 3.5% black. It has a hue angle of 225.1 degrees, a saturation of 89.7% and a lightness of 65.7%. #5980f6 color hex could be obtained by blending #b2ffff with #0001ed. Closest websafe color is: #6699ff.
-
- R 35
- G 50
- B 96
-
- C 64
- M 48
- Y 0
- K 4
● #5980f6 color description : Soft blue.
#5980f6 Color Conversion
The hexadecimal color #5980f6 has RGB values of R:89, G:128, B:246 and CMYK values of C:0.64, M:0.48, Y:0, K:0.04. Its decimal value is 5865718.
Hex triplet | 5980f6 | #5980f6 |
---|---|---|
RGB Decimal | 89, 128, 246 | rgb(89,128,246) |
RGB Percent | 34.9, 50.2, 96.5 | rgb(34.9%,50.2%,96.5%) |
CMYK | 64, 48, 0, 4 | |
HSL | 225.1°, 89.7, 65.7 | hsl(225.1,89.7%,65.7%) |
HSV (or HSB) | 225.1°, 63.8, 96.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.302, 22.898, -63.287 |
---|---|
XYZ | 28.47, 24.214, 90.357 |
xyY | 0.199, 0.169, 24.214 |
CIE-LCH | 56.302, 67.302, 289.891 |
CIE-LUV | 56.302, -19.039, -102.114 |
Hunter-Lab | 49.208, 17.16, -74.424 |
Binary | 01011001, 10000000, 11110110 |
Color Schemes with #5980f6
Alternatives to #5980f6
Below, you can see some colors close to #5980f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5980f6 Preview
This text has a font color of #5980f6.
<span style="color:#5980f6;">Text here</span>
This paragraph has a background color of #5980f6.
<p style="background-color:#5980f6;">Content here</p>
This element has a border color of #5980f6.
<div style="border:1px solid #5980f6;">Content here</div>
.text {color:#5980f6;}
.background {background-color:#5980f6;}
.border {border:1px solid #5980f6;}
Shades and Tints of #5980f6
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 #eef2fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010614
#010614
rgb(1,6,20)
-
#020b27
#020b27
rgb(2,11,39)
-
#031139
#031139
rgb(3,17,57)
-
#04164c
#04164c
rgb(4,22,76)
-
#051b5e
#051b5e
rgb(5,27,94)
-
#062171
#062171
rgb(6,33,113)
-
#072684
#072684
rgb(7,38,132)
-
#082b96
#082b96
rgb(8,43,150)
-
#0931a9
#0931a9
rgb(9,49,169)
-
#0a36bc
#0a36bc
rgb(10,54,188)
-
#0b3cce
#0b3cce
rgb(11,60,206)
-
#0c41e1
#0c41e1
rgb(12,65,225)
-
#0f47f2
#0f47f2
rgb(15,71,242)
-
#2155f3
#2155f3
rgb(33,85,243)
-
#3464f4
#3464f4
rgb(52,100,244)
-
#4672f5
#4672f5
rgb(70,114,245)
-
#5980f6
#5980f6
rgb(89,128,246)
-
#6c8ef7
#6c8ef7
rgb(108,142,247)
-
#7e9cf8
#7e9cf8
rgb(126,156,248)
-
#91abf9
#91abf9
rgb(145,171,249)
-
#a3b9fa
#a3b9fa
rgb(163,185,250)
-
#b6c7fb
#b6c7fb
rgb(182,199,251)
-
#c9d5fc
#c9d5fc
rgb(201,213,252)
-
#dbe4fd
#dbe4fd
rgb(219,228,253)
-
#eef2fe
#eef2fe
rgb(238,242,254)
Tones of #5980f6
A tone is produced by adding gray to any pure hue. In this case, #a3a5ac is the less saturated color, while #527dfd is the most saturated one.
-
#a3a5ac
#a3a5ac
rgb(163,165,172)
-
#9ca2b3
#9ca2b3
rgb(156,162,179)
-
#969eb9
#969eb9
rgb(150,158,185)
-
#8f9bc0
#8f9bc0
rgb(143,155,192)
-
#8898c7
#8898c7
rgb(136,152,199)
-
#8194ce
#8194ce
rgb(129,148,206)
-
#7b91d4
#7b91d4
rgb(123,145,212)
-
#748edb
#748edb
rgb(116,142,219)
-
#6d8ae2
#6d8ae2
rgb(109,138,226)
-
#6687e9
#6687e9
rgb(102,135,233)
-
#6083ef
#6083ef
rgb(96,131,239)
-
#5980f6
#5980f6
rgb(89,128,246)
-
#527dfd
#527dfd
rgb(82,125,253)
Color Blindness Simulator
Below, you can see how #5980f6 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.