#4580b2 Color Information
In a RGB color space, hex #4580b2 is composed of 27.1% red, 50.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 28.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 207.5 degrees, a saturation of 44.1% and a lightness of 48.4%. #4580b2 color hex could be obtained by blending #8affff with #000165. Closest websafe color is: #339999.
-
- R 27
- G 50
- B 70
-
- C 61
- M 28
- Y 0
- K 30
● #4580b2 color description : Dark moderate blue.
#4580b2 Color Conversion
The hexadecimal color #4580b2 has RGB values of R:69, G:128, B:178 and CMYK values of C:0.61, M:0.28, Y:0, K:0.3. Its decimal value is 4554930.
Hex triplet | 4580b2 | #4580b2 |
---|---|---|
RGB Decimal | 69, 128, 178 | rgb(69,128,178) |
RGB Percent | 27.1, 50.2, 69.8 | rgb(27.1%,50.2%,69.8%) |
CMYK | 61, 28, 0, 30 | |
HSL | 207.5°, 44.1, 48.4 | hsl(207.5,44.1%,48.4%) |
HSV (or HSB) | 207.5°, 61.2, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 51.743, -3.765, -32.179 |
---|---|
XYZ | 18.207, 19.917, 45.002 |
xyY | 0.219, 0.24, 19.917 |
CIE-LCH | 51.743, 32.399, 263.327 |
CIE-LUV | 51.743, -24.686, -48.252 |
Hunter-Lab | 44.628, -5.275, -28.547 |
Binary | 01000101, 10000000, 10110010 |
Color Schemes with #4580b2
Alternatives to #4580b2
Below, you can see some colors close to #4580b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580b2 Preview
This text has a font color of #4580b2.
<span style="color:#4580b2;">Text here</span>
This paragraph has a background color of #4580b2.
<p style="background-color:#4580b2;">Content here</p>
This element has a border color of #4580b2.
<div style="border:1px solid #4580b2;">Content here</div>
.text {color:#4580b2;}
.background {background-color:#4580b2;}
.border {border:1px solid #4580b2;}
Shades and Tints of #4580b2
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, #030608 is the darkest color, while #f9fbfd is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#091017
#091017
rgb(9,16,23)
-
#0e1a25
#0e1a25
rgb(14,26,37)
-
#142533
#142533
rgb(20,37,51)
-
#192f41
#192f41
rgb(25,47,65)
-
#1f394f
#1f394f
rgb(31,57,79)
-
#24435d
#24435d
rgb(36,67,93)
-
#2a4d6b
#2a4d6b
rgb(42,77,107)
-
#2f5779
#2f5779
rgb(47,87,121)
-
#356288
#356288
rgb(53,98,136)
-
#3a6c96
#3a6c96
rgb(58,108,150)
-
#4076a4
#4076a4
rgb(64,118,164)
-
#4580b2
#4580b2
rgb(69,128,178)
-
#508abb
#508abb
rgb(80,138,187)
-
#5e93c0
#5e93c0
rgb(94,147,192)
-
#6c9dc6
#6c9dc6
rgb(108,157,198)
-
#7aa6cb
#7aa6cb
rgb(122,166,203)
-
#88b0d1
#88b0d1
rgb(136,176,209)
-
#96b9d6
#96b9d6
rgb(150,185,214)
-
#a4c2dc
#a4c2dc
rgb(164,194,220)
-
#b3cce1
#b3cce1
rgb(179,204,225)
-
#c1d5e7
#c1d5e7
rgb(193,213,231)
-
#cfdfec
#cfdfec
rgb(207,223,236)
-
#dde8f2
#dde8f2
rgb(221,232,242)
-
#ebf2f7
#ebf2f7
rgb(235,242,247)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #4580b2
A tone is produced by adding gray to any pure hue. In this case, #757c83 is the less saturated color, while #0285f5 is the most saturated one.
-
#757c83
#757c83
rgb(117,124,131)
-
#6b7d8c
#6b7d8c
rgb(107,125,140)
-
#627e96
#627e96
rgb(98,126,150)
-
#587e9f
#587e9f
rgb(88,126,159)
-
#4f7fa9
#4f7fa9
rgb(79,127,169)
-
#4580b2
#4580b2
rgb(69,128,178)
-
#3c81bc
#3c81bc
rgb(60,129,188)
-
#3282c5
#3282c5
rgb(50,130,197)
-
#2982cf
#2982cf
rgb(41,130,207)
-
#1f83d8
#1f83d8
rgb(31,131,216)
-
#1684e2
#1684e2
rgb(22,132,226)
-
#0c85eb
#0c85eb
rgb(12,133,235)
-
#0285f5
#0285f5
rgb(2,133,245)
Color Blindness Simulator
Below, you can see how #4580b2 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.