#4574e2 Color Information
In a RGB color space, hex #4574e2 is composed of 27.1% red, 45.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 48.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 222 degrees, a saturation of 73% and a lightness of 57.8%. #4574e2 color hex could be obtained by blending #8ae8ff with #0000c5. Closest websafe color is: #3366cc.
-
- R 27
- G 45
- B 89
-
- C 69
- M 49
- Y 0
- K 11
● #4574e2 color description : Soft blue.
#4574e2 Color Conversion
The hexadecimal color #4574e2 has RGB values of R:69, G:116, B:226 and CMYK values of C:0.69, M:0.49, Y:0, K:0.11. Its decimal value is 4551906.
Hex triplet | 4574e2 | #4574e2 |
---|---|---|
RGB Decimal | 69, 116, 226 | rgb(69,116,226) |
RGB Percent | 27.1, 45.5, 88.6 | rgb(27.1%,45.5%,88.6%) |
CMYK | 69, 49, 0, 11 | |
HSL | 222°, 73, 57.8 | hsl(222,73%,57.8%) |
HSV (or HSB) | 222°, 69.5, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 50.973, 20.278, -60.75 |
---|---|
XYZ | 22.424, 19.245, 74.48 |
xyY | 0.193, 0.166, 19.245 |
CIE-LCH | 50.973, 64.045, 288.459 |
CIE-LUV | 50.973, -19.907, -95.625 |
Hunter-Lab | 43.87, 14.469, -69.952 |
Binary | 01000101, 01110100, 11100010 |
Color Schemes with #4574e2
Alternatives to #4574e2
Below, you can see some colors close to #4574e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4574e2 Preview
This text has a font color of #4574e2.
<span style="color:#4574e2;">Text here</span>
This paragraph has a background color of #4574e2.
<p style="background-color:#4574e2;">Content here</p>
This element has a border color of #4574e2.
<div style="border:1px solid #4574e2;">Content here</div>
.text {color:#4574e2;}
.background {background-color:#4574e2;}
.border {border:1px solid #4574e2;}
Shades and Tints of #4574e2
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, #000001 is the darkest color, while #eff3fc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030712
#030712
rgb(3,7,18)
-
#050e23
#050e23
rgb(5,14,35)
-
#081534
#081534
rgb(8,21,52)
-
#0b1c45
#0b1c45
rgb(11,28,69)
-
#0d2356
#0d2356
rgb(13,35,86)
-
#102a66
#102a66
rgb(16,42,102)
-
#133177
#133177
rgb(19,49,119)
-
#153888
#153888
rgb(21,56,136)
-
#183f99
#183f99
rgb(24,63,153)
-
#1b46aa
#1b46aa
rgb(27,70,170)
-
#1d4dbb
#1d4dbb
rgb(29,77,187)
-
#2053cc
#2053cc
rgb(32,83,204)
-
#235bdd
#235bdd
rgb(35,91,221)
-
#3467df
#3467df
rgb(52,103,223)
-
#4574e2
#4574e2
rgb(69,116,226)
-
#5681e5
#5681e5
rgb(86,129,229)
-
#678de7
#678de7
rgb(103,141,231)
-
#789aea
#789aea
rgb(120,154,234)
-
#89a7ed
#89a7ed
rgb(137,167,237)
-
#9ab3ef
#9ab3ef
rgb(154,179,239)
-
#abc0f2
#abc0f2
rgb(171,192,242)
-
#bccdf5
#bccdf5
rgb(188,205,245)
-
#cdd9f7
#cdd9f7
rgb(205,217,247)
-
#dee6fa
#dee6fa
rgb(222,230,250)
-
#eff3fc
#eff3fc
rgb(239,243,252)
Tones of #4574e2
A tone is produced by adding gray to any pure hue. In this case, #8f9298 is the less saturated color, while #2c6afb is the most saturated one.
-
#8f9298
#8f9298
rgb(143,146,152)
-
#878fa0
#878fa0
rgb(135,143,160)
-
#7f8ba8
#7f8ba8
rgb(127,139,168)
-
#7788b0
#7788b0
rgb(119,136,176)
-
#6e85b9
#6e85b9
rgb(110,133,185)
-
#6681c1
#6681c1
rgb(102,129,193)
-
#5e7ec9
#5e7ec9
rgb(94,126,201)
-
#567bd1
#567bd1
rgb(86,123,209)
-
#4d77da
#4d77da
rgb(77,119,218)
-
#4574e2
#4574e2
rgb(69,116,226)
-
#3d71ea
#3d71ea
rgb(61,113,234)
-
#346df3
#346df3
rgb(52,109,243)
-
#2c6afb
#2c6afb
rgb(44,106,251)
Color Blindness Simulator
Below, you can see how #4574e2 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.