#5980ff Color Information
In a RGB color space, hex #5980ff is composed of 34.9% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 225.9 degrees, a saturation of 100% and a lightness of 67.5%. #5980ff color hex could be obtained by blending #b2ffff with #0001ff. Closest websafe color is: #6699ff.
-
- R 35
- G 50
- B 100
-
- C 65
- M 50
- Y 0
- K 0
● #5980ff color description : Light blue.
#5980ff Color Conversion
The hexadecimal color #5980ff has RGB values of R:89, G:128, B:255 and CMYK values of C:0.65, M:0.5, Y:0, K:0. Its decimal value is 5865727.
Hex triplet | 5980ff | #5980ff |
---|---|---|
RGB Decimal | 89, 128, 255 | rgb(89,128,255) |
RGB Percent | 34.9, 50.2, 100 | rgb(34.9%,50.2%,100%) |
CMYK | 65, 50, 0, 0 | |
HSL | 225.9°, 100, 67.5 | hsl(225.9,100%,67.5%) |
HSV (or HSB) | 225.9°, 65.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 56.861, 25.942, -67.355 |
---|---|
XYZ | 29.885, 24.78, 97.81 |
xyY | 0.196, 0.163, 24.78 |
CIE-LCH | 56.861, 72.178, 291.065 |
CIE-LUV | 56.861, -19.104, -108.993 |
Hunter-Lab | 49.78, 20.047, -81.65 |
Binary | 01011001, 10000000, 11111111 |
Color Schemes with #5980ff
Alternatives to #5980ff
Below, you can see some colors close to #5980ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5980ff Preview
This text has a font color of #5980ff.
<span style="color:#5980ff;">Text here</span>
This paragraph has a background color of #5980ff.
<p style="background-color:#5980ff;">Content here</p>
This element has a border color of #5980ff.
<div style="border:1px solid #5980ff;">Content here</div>
.text {color:#5980ff;}
.background {background-color:#5980ff;}
.border {border:1px solid #5980ff;}
Shades and Tints of #5980ff
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, #00020b is the darkest color, while #f6f8ff is the lightest one.
-
#00020b
#00020b
rgb(0,2,11)
-
#00071e
#00071e
rgb(0,7,30)
-
#000c32
#000c32
rgb(0,12,50)
-
#001045
#001045
rgb(0,16,69)
-
#001559
#001559
rgb(0,21,89)
-
#001a6d
#001a6d
rgb(0,26,109)
-
#001e80
#001e80
rgb(0,30,128)
-
#002394
#002394
rgb(0,35,148)
-
#0027a7
#0027a7
rgb(0,39,167)
-
#002cbb
#002cbb
rgb(0,44,187)
-
#0031cf
#0031cf
rgb(0,49,207)
-
#0035e2
#0035e2
rgb(0,53,226)
-
#003af6
#003af6
rgb(0,58,246)
-
#0b44ff
#0b44ff
rgb(11,68,255)
-
#1e53ff
#1e53ff
rgb(30,83,255)
-
#3262ff
#3262ff
rgb(50,98,255)
-
#4571ff
#4571ff
rgb(69,113,255)
-
#5980ff
#5980ff
rgb(89,128,255)
-
#6d8fff
#6d8fff
rgb(109,143,255)
-
#809eff
#809eff
rgb(128,158,255)
-
#94adff
#94adff
rgb(148,173,255)
-
#a7bcff
#a7bcff
rgb(167,188,255)
-
#bbcbff
#bbcbff
rgb(187,203,255)
-
#cfdaff
#cfdaff
rgb(207,218,255)
-
#e2e9ff
#e2e9ff
rgb(226,233,255)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #5980ff
A tone is produced by adding gray to any pure hue. In this case, #a6a9b2 is the less saturated color, while #5980ff is the most saturated one.
-
#a6a9b2
#a6a9b2
rgb(166,169,178)
-
#9fa5b9
#9fa5b9
rgb(159,165,185)
-
#99a2bf
#99a2bf
rgb(153,162,191)
-
#929ec6
#929ec6
rgb(146,158,198)
-
#8c9bcc
#8c9bcc
rgb(140,155,204)
-
#8698d2
#8698d2
rgb(134,152,210)
-
#7f94d9
#7f94d9
rgb(127,148,217)
-
#7991df
#7991df
rgb(121,145,223)
-
#738ee5
#738ee5
rgb(115,142,229)
-
#6c8aec
#6c8aec
rgb(108,138,236)
-
#6687f2
#6687f2
rgb(102,135,242)
-
#5f83f9
#5f83f9
rgb(95,131,249)
-
#5980ff
#5980ff
rgb(89,128,255)
Color Blindness Simulator
Below, you can see how #5980ff 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.