#4580bd Color Information
In a RGB color space, hex #4580bd is composed of 27.1% red, 50.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 32.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 210.5 degrees, a saturation of 47.6% and a lightness of 50.6%. #4580bd color hex could be obtained by blending #8affff with #00017b. Closest websafe color is: #3399cc.
-
- R 27
- G 50
- B 74
-
- C 63
- M 32
- Y 0
- K 26
● #4580bd color description : Moderate blue.
#4580bd Color Conversion
The hexadecimal color #4580bd has RGB values of R:69, G:128, B:189 and CMYK values of C:0.63, M:0.32, Y:0, K:0.26. Its decimal value is 4554941.
Hex triplet | 4580bd | #4580bd |
---|---|---|
RGB Decimal | 69, 128, 189 | rgb(69,128,189) |
RGB Percent | 27.1, 50.2, 74.1 | rgb(27.1%,50.2%,74.1%) |
CMYK | 63, 32, 0, 26 | |
HSL | 210.5°, 47.6, 50.6 | hsl(210.5,47.6%,50.6%) |
HSV (or HSB) | 210.5°, 63.5, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 52.26, -0.053, -37.687 |
---|---|
XYZ | 19.357, 20.376, 51.054 |
xyY | 0.213, 0.224, 20.376 |
CIE-LCH | 52.26, 37.687, 269.919 |
CIE-LUV | 52.26, -24.401, -57.62 |
Hunter-Lab | 45.14, -2.453, -35.46 |
Binary | 01000101, 10000000, 10111101 |
Color Schemes with #4580bd
Alternatives to #4580bd
Below, you can see some colors close to #4580bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580bd Preview
This text has a font color of #4580bd.
<span style="color:#4580bd;">Text here</span>
This paragraph has a background color of #4580bd.
<p style="background-color:#4580bd;">Content here</p>
This element has a border color of #4580bd.
<div style="border:1px solid #4580bd;">Content here</div>
.text {color:#4580bd;}
.background {background-color:#4580bd;}
.border {border:1px solid #4580bd;}
Shades and Tints of #4580bd
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, #010102 is the darkest color, while #f3f7fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060b11
#060b11
rgb(6,11,17)
-
#0b151f
#0b151f
rgb(11,21,31)
-
#101f2e
#101f2e
rgb(16,31,46)
-
#15283c
#15283c
rgb(21,40,60)
-
#1a324b
#1a324b
rgb(26,50,75)
-
#203c59
#203c59
rgb(32,60,89)
-
#254668
#254668
rgb(37,70,104)
-
#2a4f76
#2a4f76
rgb(42,79,118)
-
#2f5985
#2f5985
rgb(47,89,133)
-
#346393
#346393
rgb(52,99,147)
-
#396da1
#396da1
rgb(57,109,161)
-
#3e76b0
#3e76b0
rgb(62,118,176)
-
#4580bd
#4580bd
rgb(69,128,189)
-
#538ac2
#538ac2
rgb(83,138,194)
-
#6294c7
#6294c7
rgb(98,148,199)
-
#709ecc
#709ecc
rgb(112,158,204)
-
#7fa8d2
#7fa8d2
rgb(127,168,210)
-
#8db1d7
#8db1d7
rgb(141,177,215)
-
#9cbbdc
#9cbbdc
rgb(156,187,220)
-
#aac5e1
#aac5e1
rgb(170,197,225)
-
#b9cfe6
#b9cfe6
rgb(185,207,230)
-
#c7d9eb
#c7d9eb
rgb(199,217,235)
-
#d6e3f0
#d6e3f0
rgb(214,227,240)
-
#e4edf6
#e4edf6
rgb(228,237,246)
-
#f3f7fb
#f3f7fb
rgb(243,247,251)
Tones of #4580bd
A tone is produced by adding gray to any pure hue. In this case, #7f8183 is the less saturated color, while #0b7ff7 is the most saturated one.
-
#7f8183
#7f8183
rgb(127,129,131)
-
#75818d
#75818d
rgb(117,129,141)
-
#6c8196
#6c8196
rgb(108,129,150)
-
#6280a0
#6280a0
rgb(98,128,160)
-
#5880aa
#5880aa
rgb(88,128,170)
-
#4f80b3
#4f80b3
rgb(79,128,179)
-
#4580bd
#4580bd
rgb(69,128,189)
-
#3b80c7
#3b80c7
rgb(59,128,199)
-
#3280d0
#3280d0
rgb(50,128,208)
-
#2880da
#2880da
rgb(40,128,218)
-
#1e7fe4
#1e7fe4
rgb(30,127,228)
-
#157fed
#157fed
rgb(21,127,237)
-
#0b7ff7
#0b7ff7
rgb(11,127,247)
Color Blindness Simulator
Below, you can see how #4580bd 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.