#4585f2 Color Information
In a RGB color space, hex #4585f2 is composed of 27.1% red, 52.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 45% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.8 degrees, a saturation of 86.9% and a lightness of 61%. #4585f2 color hex could be obtained by blending #8affff with #000be5. Closest websafe color is: #3399ff.
-
- R 27
- G 52
- B 95
-
- C 71
- M 45
- Y 0
- K 5
● #4585f2 color description : Bright blue.
#4585f2 Color Conversion
The hexadecimal color #4585f2 has RGB values of R:69, G:133, B:242 and CMYK values of C:0.71, M:0.45, Y:0, K:0.05. Its decimal value is 4556274.
Hex triplet | 4585f2 | #4585f2 |
---|---|---|
RGB Decimal | 69, 133, 242 | rgb(69,133,242) |
RGB Percent | 27.1, 52.2, 94.9 | rgb(27.1%,52.2%,94.9%) |
CMYK | 71, 45, 0, 5 | |
HSL | 217.8°, 86.9, 61 | hsl(217.8,86.9%,61%) |
HSV (or HSB) | 217.8°, 71.5, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.535, 15.487, -60.743 |
---|---|
XYZ | 26.865, 24.449, 87.303 |
xyY | 0.194, 0.176, 24.449 |
CIE-LCH | 56.535, 62.686, 284.303 |
CIE-LUV | 56.535, -24.919, -97.495 |
Hunter-Lab | 49.446, 10.453, -70.071 |
Binary | 01000101, 10000101, 11110010 |
Color Schemes with #4585f2
Alternatives to #4585f2
Below, you can see some colors close to #4585f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4585f2 Preview
This text has a font color of #4585f2.
<span style="color:#4585f2;">Text here</span>
This paragraph has a background color of #4585f2.
<p style="background-color:#4585f2;">Content here</p>
This element has a border color of #4585f2.
<div style="border:1px solid #4585f2;">Content here</div>
.text {color:#4585f2;}
.background {background-color:#4585f2;}
.border {border:1px solid #4585f2;}
Shades and Tints of #4585f2
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, #010610 is the darkest color, while #fcfdff is the lightest one.
-
#010610
#010610
rgb(1,6,16)
-
#020e22
#020e22
rgb(2,14,34)
-
#041634
#041634
rgb(4,22,52)
-
#051d47
#051d47
rgb(5,29,71)
-
#062559
#062559
rgb(6,37,89)
-
#082c6b
#082c6b
rgb(8,44,107)
-
#09347e
#09347e
rgb(9,52,126)
-
#0a3c90
#0a3c90
rgb(10,60,144)
-
#0b43a2
#0b43a2
rgb(11,67,162)
-
#0d4bb5
#0d4bb5
rgb(13,75,181)
-
#0e52c7
#0e52c7
rgb(14,82,199)
-
#0f5ad9
#0f5ad9
rgb(15,90,217)
-
#1062ec
#1062ec
rgb(16,98,236)
-
#206def
#206def
rgb(32,109,239)
-
#3379f1
#3379f1
rgb(51,121,241)
-
#4585f2
#4585f2
rgb(69,133,242)
-
#5791f3
#5791f3
rgb(87,145,243)
-
#6a9df5
#6a9df5
rgb(106,157,245)
-
#7ca9f6
#7ca9f6
rgb(124,169,246)
-
#8eb5f7
#8eb5f7
rgb(142,181,247)
-
#a1c1f8
#a1c1f8
rgb(161,193,248)
-
#b3cdfa
#b3cdfa
rgb(179,205,250)
-
#c5d9fb
#c5d9fb
rgb(197,217,251)
-
#d8e5fc
#d8e5fc
rgb(216,229,252)
-
#eaf1fe
#eaf1fe
rgb(234,241,254)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #4585f2
A tone is produced by adding gray to any pure hue. In this case, #999b9e is the less saturated color, while #3d83fa is the most saturated one.
-
#999b9e
#999b9e
rgb(153,155,158)
-
#9299a5
#9299a5
rgb(146,153,165)
-
#8a97ad
#8a97ad
rgb(138,151,173)
-
#8295b5
#8295b5
rgb(130,149,181)
-
#7b93bc
#7b93bc
rgb(123,147,188)
-
#7391c4
#7391c4
rgb(115,145,196)
-
#6b8fcc
#6b8fcc
rgb(107,143,204)
-
#648dd3
#648dd3
rgb(100,141,211)
-
#5c8bdb
#5c8bdb
rgb(92,139,219)
-
#5489e3
#5489e3
rgb(84,137,227)
-
#4d87ea
#4d87ea
rgb(77,135,234)
-
#4585f2
#4585f2
rgb(69,133,242)
-
#3d83fa
#3d83fa
rgb(61,131,250)
Color Blindness Simulator
Below, you can see how #4585f2 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.