#3580ff Color Information
In a RGB color space, hex #3580ff is composed of 20.8% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 217.7 degrees, a saturation of 100% and a lightness of 60.4%. #3580ff color hex could be obtained by blending #6affff with #0001ff. Closest websafe color is: #3399ff.
-
- R 21
- G 50
- B 100
-
- C 79
- M 50
- Y 0
- K 0
● #3580ff color description : Light blue.
#3580ff Color Conversion
The hexadecimal color #3580ff has RGB values of R:53, G:128, B:255 and CMYK values of C:0.79, M:0.5, Y:0, K:0. Its decimal value is 3506431.
Hex triplet | 3580ff | #3580ff |
---|---|---|
RGB Decimal | 53, 128, 255 | rgb(53,128,255) |
RGB Percent | 20.8, 50.2, 100 | rgb(20.8%,50.2%,100%) |
CMYK | 79, 50, 0, 0 | |
HSL | 217.7°, 100, 60.4 | hsl(217.7,100%,60.4%) |
HSV (or HSB) | 217.7°, 79.2, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.495, 21.459, -69.627 |
---|---|
XYZ | 27.233, 23.413, 97.686 |
xyY | 0.184, 0.158, 23.413 |
CIE-LCH | 55.495, 72.859, 287.129 |
CIE-LUV | 55.495, -25.692, -111.483 |
Hunter-Lab | 48.387, 15.787, -85.827 |
Binary | 00110101, 10000000, 11111111 |
Color Schemes with #3580ff
Alternatives to #3580ff
Below, you can see some colors close to #3580ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3580ff Preview
This text has a font color of #3580ff.
<span style="color:#3580ff;">Text here</span>
This paragraph has a background color of #3580ff.
<p style="background-color:#3580ff;">Content here</p>
This element has a border color of #3580ff.
<div style="border:1px solid #3580ff;">Content here</div>
.text {color:#3580ff;}
.background {background-color:#3580ff;}
.border {border:1px solid #3580ff;}
Shades and Tints of #3580ff
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, #00050e is the darkest color, while #f9fbff is the lightest one.
-
#00050e
#00050e
rgb(0,5,14)
-
#000c21
#000c21
rgb(0,12,33)
-
#001435
#001435
rgb(0,20,53)
-
#001b49
#001b49
rgb(0,27,73)
-
#00225c
#00225c
rgb(0,34,92)
-
#002a70
#002a70
rgb(0,42,112)
-
#003183
#003183
rgb(0,49,131)
-
#003897
#003897
rgb(0,56,151)
-
#003fab
#003fab
rgb(0,63,171)
-
#0047be
#0047be
rgb(0,71,190)
-
#004ed2
#004ed2
rgb(0,78,210)
-
#0055e6
#0055e6
rgb(0,85,230)
-
#005df9
#005df9
rgb(0,93,249)
-
#0e67ff
#0e67ff
rgb(14,103,255)
-
#2174ff
#2174ff
rgb(33,116,255)
-
#3580ff
#3580ff
rgb(53,128,255)
-
#498cff
#498cff
rgb(73,140,255)
-
#5c99ff
#5c99ff
rgb(92,153,255)
-
#70a5ff
#70a5ff
rgb(112,165,255)
-
#83b1ff
#83b1ff
rgb(131,177,255)
-
#97beff
#97beff
rgb(151,190,255)
-
#abcaff
#abcaff
rgb(171,202,255)
-
#bed6ff
#bed6ff
rgb(190,214,255)
-
#d2e3ff
#d2e3ff
rgb(210,227,255)
-
#e6efff
#e6efff
rgb(230,239,255)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #3580ff
A tone is produced by adding gray to any pure hue. In this case, #9298a2 is the less saturated color, while #3580ff is the most saturated one.
-
#9298a2
#9298a2
rgb(146,152,162)
-
#8a96aa
#8a96aa
rgb(138,150,170)
-
#8394b1
#8394b1
rgb(131,148,177)
-
#7b92b9
#7b92b9
rgb(123,146,185)
-
#7390c1
#7390c1
rgb(115,144,193)
-
#6b8ec9
#6b8ec9
rgb(107,142,201)
-
#648cd0
#648cd0
rgb(100,140,208)
-
#5c8ad8
#5c8ad8
rgb(92,138,216)
-
#5488e0
#5488e0
rgb(84,136,224)
-
#4c86e8
#4c86e8
rgb(76,134,232)
-
#4584ef
#4584ef
rgb(69,132,239)
-
#3d82f7
#3d82f7
rgb(61,130,247)
-
#3580ff
#3580ff
rgb(53,128,255)
Color Blindness Simulator
Below, you can see how #3580ff 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.