#4558f2 Color Information
In a RGB color space, hex #4558f2 is composed of 27.1% red, 34.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 63.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 233.4 degrees, a saturation of 86.9% and a lightness of 61%. #4558f2 color hex could be obtained by blending #8ab0ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 27
- G 35
- B 95
-
- C 71
- M 64
- Y 0
- K 5
● #4558f2 color description : Bright blue.
#4558f2 Color Conversion
The hexadecimal color #4558f2 has RGB values of R:69, G:88, B:242 and CMYK values of C:0.71, M:0.64, Y:0, K:0.05. Its decimal value is 4544754.
Hex triplet | 4558f2 | #4558f2 |
---|---|---|
RGB Decimal | 69, 88, 242 | rgb(69,88,242) |
RGB Percent | 27.1, 34.5, 94.9 | rgb(27.1%,34.5%,94.9%) |
CMYK | 71, 64, 0, 5 | |
HSL | 233.4°, 86.9, 61 | hsl(233.4,86.9%,61%) |
HSV (or HSB) | 233.4°, 71.5, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.157, 43.238, -79.195 |
---|---|
XYZ | 21.968, 14.654, 85.67 |
xyY | 0.18, 0.12, 14.654 |
CIE-LCH | 45.157, 90.23, 298.633 |
CIE-LUV | 45.157, -12.722, -119.71 |
Hunter-Lab | 38.281, 35.443, -105.892 |
Binary | 01000101, 01011000, 11110010 |
Color Schemes with #4558f2
Alternatives to #4558f2
Below, you can see some colors close to #4558f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4558f2 Preview
This text has a font color of #4558f2.
<span style="color:#4558f2;">Text here</span>
This paragraph has a background color of #4558f2.
<p style="background-color:#4558f2;">Content here</p>
This element has a border color of #4558f2.
<div style="border:1px solid #4558f2;">Content here</div>
.text {color:#4558f2;}
.background {background-color:#4558f2;}
.border {border:1px solid #4558f2;}
Shades and Tints of #4558f2
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, #010310 is the darkest color, while #fcfdff is the lightest one.
-
#010310
#010310
rgb(1,3,16)
-
#020622
#020622
rgb(2,6,34)
-
#040934
#040934
rgb(4,9,52)
-
#050c47
#050c47
rgb(5,12,71)
-
#060f59
#060f59
rgb(6,15,89)
-
#08126b
#08126b
rgb(8,18,107)
-
#09167e
#09167e
rgb(9,22,126)
-
#0a1990
#0a1990
rgb(10,25,144)
-
#0b1ca2
#0b1ca2
rgb(11,28,162)
-
#0d1fb5
#0d1fb5
rgb(13,31,181)
-
#0e22c7
#0e22c7
rgb(14,34,199)
-
#0f25d9
#0f25d9
rgb(15,37,217)
-
#1029ec
#1029ec
rgb(16,41,236)
-
#2037ef
#2037ef
rgb(32,55,239)
-
#3348f1
#3348f1
rgb(51,72,241)
-
#4558f2
#4558f2
rgb(69,88,242)
-
#5768f3
#5768f3
rgb(87,104,243)
-
#6a79f5
#6a79f5
rgb(106,121,245)
-
#7c89f6
#7c89f6
rgb(124,137,246)
-
#8e9af7
#8e9af7
rgb(142,154,247)
-
#a1aaf8
#a1aaf8
rgb(161,170,248)
-
#b3bbfa
#b3bbfa
rgb(179,187,250)
-
#c5cbfb
#c5cbfb
rgb(197,203,251)
-
#d8dcfc
#d8dcfc
rgb(216,220,252)
-
#eaecfe
#eaecfe
rgb(234,236,254)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #4558f2
A tone is produced by adding gray to any pure hue. In this case, #999a9e is the less saturated color, while #3d52fa is the most saturated one.
-
#999a9e
#999a9e
rgb(153,154,158)
-
#9294a5
#9294a5
rgb(146,148,165)
-
#8a8ead
#8a8ead
rgb(138,142,173)
-
#8288b5
#8288b5
rgb(130,136,181)
-
#7b82bc
#7b82bc
rgb(123,130,188)
-
#737cc4
#737cc4
rgb(115,124,196)
-
#6b76cc
#6b76cc
rgb(107,118,204)
-
#6470d3
#6470d3
rgb(100,112,211)
-
#5c6adb
#5c6adb
rgb(92,106,219)
-
#5464e3
#5464e3
rgb(84,100,227)
-
#4d5eea
#4d5eea
rgb(77,94,234)
-
#4558f2
#4558f2
rgb(69,88,242)
-
#3d52fa
#3d52fa
rgb(61,82,250)
Color Blindness Simulator
Below, you can see how #4558f2 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.