#4580cc Color Information
In a RGB color space, hex #4580cc is composed of 27.1% red, 50.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 37.3% magenta, 0% yellow and 20% black. It has a hue angle of 213.8 degrees, a saturation of 57% and a lightness of 53.5%. #4580cc color hex could be obtained by blending #8affff with #000199. Closest websafe color is: #3399cc.
-
- R 27
- G 50
- B 80
-
- C 66
- M 37
- Y 0
- K 20
● #4580cc color description : Moderate blue.
#4580cc Color Conversion
The hexadecimal color #4580cc has RGB values of R:69, G:128, B:204 and CMYK values of C:0.66, M:0.37, Y:0, K:0.2. Its decimal value is 4554956.
Hex triplet | 4580cc | #4580cc |
---|---|---|
RGB Decimal | 69, 128, 204 | rgb(69,128,204) |
RGB Percent | 27.1, 50.2, 80 | rgb(27.1%,50.2%,80%) |
CMYK | 66, 37, 0, 20 | |
HSL | 213.8°, 57, 53.5 | hsl(213.8,57%,53.5%) |
HSV (or HSB) | 213.8°, 66.2, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 53.017, 5.12, -45.045 |
---|---|
XYZ | 21.07, 21.062, 60.078 |
xyY | 0.206, 0.206, 21.062 |
CIE-LCH | 53.017, 45.335, 276.484 |
CIE-LUV | 53.017, -24.05, -70.2 |
Hunter-Lab | 45.893, 1.638, -45.491 |
Binary | 01000101, 10000000, 11001100 |
Color Schemes with #4580cc
Alternatives to #4580cc
Below, you can see some colors close to #4580cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580cc Preview
This text has a font color of #4580cc.
<span style="color:#4580cc;">Text here</span>
This paragraph has a background color of #4580cc.
<p style="background-color:#4580cc;">Content here</p>
This element has a border color of #4580cc.
<div style="border:1px solid #4580cc;">Content here</div>
.text {color:#4580cc;}
.background {background-color:#4580cc;}
.border {border:1px solid #4580cc;}
Shades and Tints of #4580cc
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, #04080e is the darkest color, while #fefeff is the lightest one.
-
#04080e
#04080e
rgb(4,8,14)
-
#08111e
#08111e
rgb(8,17,30)
-
#0c1b2d
#0c1b2d
rgb(12,27,45)
-
#11243c
#11243c
rgb(17,36,60)
-
#152d4c
#152d4c
rgb(21,45,76)
-
#19365b
#19365b
rgb(25,54,91)
-
#1d3f6a
#1d3f6a
rgb(29,63,106)
-
#21487a
#21487a
rgb(33,72,122)
-
#265189
#265189
rgb(38,81,137)
-
#2a5a99
#2a5a99
rgb(42,90,153)
-
#2e63a8
#2e63a8
rgb(46,99,168)
-
#326db7
#326db7
rgb(50,109,183)
-
#3776c7
#3776c7
rgb(55,118,199)
-
#4580cc
#4580cc
rgb(69,128,204)
-
#548bd0
#548bd0
rgb(84,139,208)
-
#6495d4
#6495d4
rgb(100,149,212)
-
#73a0d9
#73a0d9
rgb(115,160,217)
-
#83aadd
#83aadd
rgb(131,170,221)
-
#92b5e1
#92b5e1
rgb(146,181,225)
-
#a1bfe5
#a1bfe5
rgb(161,191,229)
-
#b1caea
#b1caea
rgb(177,202,234)
-
#c0d4ee
#c0d4ee
rgb(192,212,238)
-
#d0dff2
#d0dff2
rgb(208,223,242)
-
#dfe9f6
#dfe9f6
rgb(223,233,246)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #4580cc
A tone is produced by adding gray to any pure hue. In this case, #85888c is the less saturated color, while #177afa is the most saturated one.
-
#85888c
#85888c
rgb(133,136,140)
-
#7c8795
#7c8795
rgb(124,135,149)
-
#73869e
#73869e
rgb(115,134,158)
-
#6985a8
#6985a8
rgb(105,133,168)
-
#6083b1
#6083b1
rgb(96,131,177)
-
#5782ba
#5782ba
rgb(87,130,186)
-
#4e81c3
#4e81c3
rgb(78,129,195)
-
#4580cc
#4580cc
rgb(69,128,204)
-
#3c7fd5
#3c7fd5
rgb(60,127,213)
-
#337ede
#337ede
rgb(51,126,222)
-
#2a7de7
#2a7de7
rgb(42,125,231)
-
#217bf0
#217bf0
rgb(33,123,240)
-
#177afa
#177afa
rgb(23,122,250)
Color Blindness Simulator
Below, you can see how #4580cc 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.