#4580b0 Color Information
In a RGB color space, hex #4580b0 is composed of 27.1% red, 50.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 27.3% magenta, 0% yellow and 31% black. It has a hue angle of 206.9 degrees, a saturation of 43.7% and a lightness of 48%. #4580b0 color hex could be obtained by blending #8affff with #000161. Closest websafe color is: #339999.
-
- R 27
- G 50
- B 69
-
- C 61
- M 27
- Y 0
- K 31
● #4580b0 color description : Dark moderate blue.
#4580b0 Color Conversion
The hexadecimal color #4580b0 has RGB values of R:69, G:128, B:176 and CMYK values of C:0.61, M:0.27, Y:0, K:0.31. Its decimal value is 4554928.
Hex triplet | 4580b0 | #4580b0 |
---|---|---|
RGB Decimal | 69, 128, 176 | rgb(69,128,176) |
RGB Percent | 27.1, 50.2, 69 | rgb(27.1%,50.2%,69%) |
CMYK | 61, 27, 0, 31 | |
HSL | 206.9°, 43.7, 48 | hsl(206.9,43.7%,48%) |
HSV (or HSB) | 206.9°, 60.8, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 51.652, -4.431, -31.167 |
---|---|
XYZ | 18.008, 19.837, 43.952 |
xyY | 0.22, 0.243, 19.837 |
CIE-LCH | 51.652, 31.481, 261.91 |
CIE-LUV | 51.652, -24.74, -46.539 |
Hunter-Lab | 44.539, -5.771, -27.332 |
Binary | 01000101, 10000000, 10110000 |
Color Schemes with #4580b0
Alternatives to #4580b0
Below, you can see some colors close to #4580b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580b0 Preview
This text has a font color of #4580b0.
<span style="color:#4580b0;">Text here</span>
This paragraph has a background color of #4580b0.
<p style="background-color:#4580b0;">Content here</p>
This element has a border color of #4580b0.
<div style="border:1px solid #4580b0;">Content here</div>
.text {color:#4580b0;}
.background {background-color:#4580b0;}
.border {border:1px solid #4580b0;}
Shades and Tints of #4580b0
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#080f15
#080f15
rgb(8,15,21)
-
#0e1a23
#0e1a23
rgb(14,26,35)
-
#132431
#132431
rgb(19,36,49)
-
#192e3f
#192e3f
rgb(25,46,63)
-
#1e384d
#1e384d
rgb(30,56,77)
-
#24435b
#24435b
rgb(36,67,91)
-
#294d6a
#294d6a
rgb(41,77,106)
-
#2f5778
#2f5778
rgb(47,87,120)
-
#346186
#346186
rgb(52,97,134)
-
#3a6c94
#3a6c94
rgb(58,108,148)
-
#3f76a2
#3f76a2
rgb(63,118,162)
-
#4580b0
#4580b0
rgb(69,128,176)
-
#4f8aba
#4f8aba
rgb(79,138,186)
-
#5d93bf
#5d93bf
rgb(93,147,191)
-
#6b9dc5
#6b9dc5
rgb(107,157,197)
-
#79a6ca
#79a6ca
rgb(121,166,202)
-
#87afd0
#87afd0
rgb(135,175,208)
-
#95b9d6
#95b9d6
rgb(149,185,214)
-
#a3c2db
#a3c2db
rgb(163,194,219)
-
#b1cbe1
#b1cbe1
rgb(177,203,225)
-
#bfd5e6
#bfd5e6
rgb(191,213,230)
-
#cedeec
#cedeec
rgb(206,222,236)
-
#dce7f1
#dce7f1
rgb(220,231,241)
-
#eaf1f7
#eaf1f7
rgb(234,241,247)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #4580b0
A tone is produced by adding gray to any pure hue. In this case, #747b81 is the less saturated color, while #0387f2 is the most saturated one.
-
#747b81
#747b81
rgb(116,123,129)
-
#6b7c8a
#6b7c8a
rgb(107,124,138)
-
#617d94
#617d94
rgb(97,125,148)
-
#587e9d
#587e9d
rgb(88,126,157)
-
#4e7fa7
#4e7fa7
rgb(78,127,167)
-
#4580b0
#4580b0
rgb(69,128,176)
-
#3c81b9
#3c81b9
rgb(60,129,185)
-
#3282c3
#3282c3
rgb(50,130,195)
-
#2983cc
#2983cc
rgb(41,131,204)
-
#1f84d6
#1f84d6
rgb(31,132,214)
-
#1685df
#1685df
rgb(22,133,223)
-
#0c86e9
#0c86e9
rgb(12,134,233)
-
#0387f2
#0387f2
rgb(3,135,242)
Color Blindness Simulator
Below, you can see how #4580b0 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.