#4580bc Color Information
In a RGB color space, hex #4580bc is composed of 27.1% red, 50.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 31.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 210.3 degrees, a saturation of 47% and a lightness of 50.4%. #4580bc color hex could be obtained by blending #8affff with #000179. Closest websafe color is: #3399cc.
-
- R 27
- G 50
- B 74
-
- C 63
- M 32
- Y 0
- K 26
● #4580bc color description : Moderate blue.
#4580bc Color Conversion
The hexadecimal color #4580bc has RGB values of R:69, G:128, B:188 and CMYK values of C:0.63, M:0.32, Y:0, K:0.26. Its decimal value is 4554940.
Hex triplet | 4580bc | #4580bc |
---|---|---|
RGB Decimal | 69, 128, 188 | rgb(69,128,188) |
RGB Percent | 27.1, 50.2, 73.7 | rgb(27.1%,50.2%,73.7%) |
CMYK | 63, 32, 0, 26 | |
HSL | 210.3°, 47, 50.4 | hsl(210.3,47%,50.4%) |
HSV (or HSB) | 210.3°, 63.3, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 52.212, -0.394, -37.191 |
---|---|
XYZ | 19.248, 20.333, 50.484 |
xyY | 0.214, 0.226, 20.333 |
CIE-LCH | 52.212, 37.193, 269.393 |
CIE-LUV | 52.212, -24.426, -56.773 |
Hunter-Lab | 45.092, -2.716, -34.816 |
Binary | 01000101, 10000000, 10111100 |
Color Schemes with #4580bc
Alternatives to #4580bc
Below, you can see some colors close to #4580bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580bc Preview
This text has a font color of #4580bc.
<span style="color:#4580bc;">Text here</span>
This paragraph has a background color of #4580bc.
<p style="background-color:#4580bc;">Content here</p>
This element has a border color of #4580bc.
<div style="border:1px solid #4580bc;">Content here</div>
.text {color:#4580bc;}
.background {background-color:#4580bc;}
.border {border:1px solid #4580bc;}
Shades and Tints of #4580bc
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, #010101 is the darkest color, while #f2f6fa is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#060b10
#060b10
rgb(6,11,16)
-
#0b151e
#0b151e
rgb(11,21,30)
-
#101e2d
#101e2d
rgb(16,30,45)
-
#15283b
#15283b
rgb(21,40,59)
-
#1b324a
#1b324a
rgb(27,50,74)
-
#203c58
#203c58
rgb(32,60,88)
-
#254566
#254566
rgb(37,69,102)
-
#2a4f75
#2a4f75
rgb(42,79,117)
-
#2f5983
#2f5983
rgb(47,89,131)
-
#346392
#346392
rgb(52,99,146)
-
#3a6ca0
#3a6ca0
rgb(58,108,160)
-
#3f76af
#3f76af
rgb(63,118,175)
-
#4580bc
#4580bc
rgb(69,128,188)
-
#538ac1
#538ac1
rgb(83,138,193)
-
#6294c6
#6294c6
rgb(98,148,198)
-
#709ecc
#709ecc
rgb(112,158,204)
-
#7fa7d1
#7fa7d1
rgb(127,167,209)
-
#8db1d6
#8db1d6
rgb(141,177,214)
-
#9cbbdb
#9cbbdb
rgb(156,187,219)
-
#aac5e0
#aac5e0
rgb(170,197,224)
-
#b8cfe6
#b8cfe6
rgb(184,207,230)
-
#c7d9eb
#c7d9eb
rgb(199,217,235)
-
#d5e2f0
#d5e2f0
rgb(213,226,240)
-
#e4ecf5
#e4ecf5
rgb(228,236,245)
-
#f2f6fa
#f2f6fa
rgb(242,246,250)
Tones of #4580bc
A tone is produced by adding gray to any pure hue. In this case, #7f8082 is the less saturated color, while #0b80f6 is the most saturated one.
-
#7f8082
#7f8082
rgb(127,128,130)
-
#76808b
#76808b
rgb(118,128,139)
-
#6c8095
#6c8095
rgb(108,128,149)
-
#62809f
#62809f
rgb(98,128,159)
-
#5880a9
#5880a9
rgb(88,128,169)
-
#4f80b2
#4f80b2
rgb(79,128,178)
-
#4580bc
#4580bc
rgb(69,128,188)
-
#3b80c6
#3b80c6
rgb(59,128,198)
-
#3280cf
#3280cf
rgb(50,128,207)
-
#2880d9
#2880d9
rgb(40,128,217)
-
#1e80e3
#1e80e3
rgb(30,128,227)
-
#1480ed
#1480ed
rgb(20,128,237)
-
#0b80f6
#0b80f6
rgb(11,128,246)
Color Blindness Simulator
Below, you can see how #4580bc 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.