#4580d1 Color Information
In a RGB color space, hex #4580d1 is composed of 27.1% red, 50.2% green and 82% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 38.8% magenta, 0% yellow and 18% black. It has a hue angle of 214.7 degrees, a saturation of 60.3% and a lightness of 54.5%. #4580d1 color hex could be obtained by blending #8affff with #0001a3. Closest websafe color is: #3399cc.
-
- R 27
- G 50
- B 82
-
- C 67
- M 39
- Y 0
- K 18
● #4580d1 color description : Moderate blue.
#4580d1 Color Conversion
The hexadecimal color #4580d1 has RGB values of R:69, G:128, B:209 and CMYK values of C:0.67, M:0.39, Y:0, K:0.18. Its decimal value is 4554961.
Hex triplet | 4580d1 | #4580d1 |
---|---|---|
RGB Decimal | 69, 128, 209 | rgb(69,128,209) |
RGB Percent | 27.1, 50.2, 82 | rgb(27.1%,50.2%,82%) |
CMYK | 67, 39, 0, 18 | |
HSL | 214.7°, 60.3, 54.5 | hsl(214.7,60.3%,54.5%) |
HSV (or HSB) | 214.7°, 67, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 53.282, 6.866, -47.458 |
---|---|
XYZ | 21.679, 21.306, 63.288 |
xyY | 0.204, 0.2, 21.306 |
CIE-LCH | 53.282, 47.952, 278.232 |
CIE-LUV | 53.282, -23.944, -74.331 |
Hunter-Lab | 46.158, 3.062, -48.983 |
Binary | 01000101, 10000000, 11010001 |
Color Schemes with #4580d1
Alternatives to #4580d1
Below, you can see some colors close to #4580d1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4580d1 Preview
This text has a font color of #4580d1.
<span style="color:#4580d1;">Text here</span>
This paragraph has a background color of #4580d1.
<p style="background-color:#4580d1;">Content here</p>
This element has a border color of #4580d1.
<div style="border:1px solid #4580d1;">Content here</div>
.text {color:#4580d1;}
.background {background-color:#4580d1;}
.border {border:1px solid #4580d1;}
Shades and Tints of #4580d1
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, #010203 is the darkest color, while #f2f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050a12
#050a12
rgb(5,10,18)
-
#081322
#081322
rgb(8,19,34)
-
#0c1c32
#0c1c32
rgb(12,28,50)
-
#102542
#102542
rgb(16,37,66)
-
#142e51
#142e51
rgb(20,46,81)
-
#183761
#183761
rgb(24,55,97)
-
#1c4071
#1c4071
rgb(28,64,113)
-
#204981
#204981
rgb(32,73,129)
-
#245190
#245190
rgb(36,81,144)
-
#285aa0
#285aa0
rgb(40,90,160)
-
#2b63b0
#2b63b0
rgb(43,99,176)
-
#2f6cbf
#2f6cbf
rgb(47,108,191)
-
#3575cd
#3575cd
rgb(53,117,205)
-
#4580d1
#4580d1
rgb(69,128,209)
-
#558bd5
#558bd5
rgb(85,139,213)
-
#6495d9
#6495d9
rgb(100,149,217)
-
#74a0dd
#74a0dd
rgb(116,160,221)
-
#84abe1
#84abe1
rgb(132,171,225)
-
#94b6e4
#94b6e4
rgb(148,182,228)
-
#a3c0e8
#a3c0e8
rgb(163,192,232)
-
#b3cbec
#b3cbec
rgb(179,203,236)
-
#c3d6f0
#c3d6f0
rgb(195,214,240)
-
#d3e1f4
#d3e1f4
rgb(211,225,244)
-
#e2ebf8
#e2ebf8
rgb(226,235,248)
-
#f2f6fc
#f2f6fc
rgb(242,246,252)
Tones of #4580d1
A tone is produced by adding gray to any pure hue. In this case, #838a93 is the less saturated color, while #1879fe is the most saturated one.
-
#838a93
#838a93
rgb(131,138,147)
-
#7b889b
#7b889b
rgb(123,136,155)
-
#7287a4
#7287a4
rgb(114,135,164)
-
#6986ad
#6986ad
rgb(105,134,173)
-
#6084b6
#6084b6
rgb(96,132,182)
-
#5783bf
#5783bf
rgb(87,131,191)
-
#4e81c8
#4e81c8
rgb(78,129,200)
-
#4580d1
#4580d1
rgb(69,128,209)
-
#3c7fda
#3c7fda
rgb(60,127,218)
-
#337de3
#337de3
rgb(51,125,227)
-
#2a7cec
#2a7cec
rgb(42,124,236)
-
#217af5
#217af5
rgb(33,122,245)
-
#1879fe
#1879fe
rgb(24,121,254)
Color Blindness Simulator
Below, you can see how #4580d1 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.