#457ae4 Color Information
In a RGB color space, hex #457ae4 is composed of 27.1% red, 47.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 46.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 220 degrees, a saturation of 74.6% and a lightness of 58.2%. #457ae4 color hex could be obtained by blending #8af4ff with #0000c9. Closest websafe color is: #3366cc.
-
- R 27
- G 48
- B 89
-
- C 70
- M 46
- Y 0
- K 11
● #457ae4 color description : Soft blue.
#457ae4 Color Conversion
The hexadecimal color #457ae4 has RGB values of R:69, G:122, B:228 and CMYK values of C:0.7, M:0.46, Y:0, K:0.11. Its decimal value is 4553444.
Hex triplet | 457ae4 | #457ae4 |
---|---|---|
RGB Decimal | 69, 122, 228 | rgb(69,122,228) |
RGB Percent | 27.1, 47.8, 89.4 | rgb(27.1%,47.8%,89.4%) |
CMYK | 70, 46, 0, 11 | |
HSL | 220°, 74.6, 58.2 | hsl(220,74.6%,58.2%) |
HSV (or HSB) | 220°, 69.7, 89.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.712, 17.263, -59.076 |
---|---|
XYZ | 23.414, 20.784, 76.172 |
xyY | 0.195, 0.173, 20.784 |
CIE-LCH | 52.712, 61.546, 286.29 |
CIE-LUV | 52.712, -21.716, -93.534 |
Hunter-Lab | 45.59, 11.894, -67.151 |
Binary | 01000101, 01111010, 11100100 |
Color Schemes with #457ae4
Alternatives to #457ae4
Below, you can see some colors close to #457ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#457ae4 Preview
This text has a font color of #457ae4.
<span style="color:#457ae4;">Text here</span>
This paragraph has a background color of #457ae4.
<p style="background-color:#457ae4;">Content here</p>
This element has a border color of #457ae4.
<div style="border:1px solid #457ae4;">Content here</div>
.text {color:#457ae4;}
.background {background-color:#457ae4;}
.border {border:1px solid #457ae4;}
Shades and Tints of #457ae4
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, #000102 is the darkest color, while #f0f4fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030814
#030814
rgb(3,8,20)
-
#051025
#051025
rgb(5,16,37)
-
#081736
#081736
rgb(8,23,54)
-
#0a1f47
#0a1f47
rgb(10,31,71)
-
#0d2658
#0d2658
rgb(13,38,88)
-
#0f2d69
#0f2d69
rgb(15,45,105)
-
#12357a
#12357a
rgb(18,53,122)
-
#143c8b
#143c8b
rgb(20,60,139)
-
#17439d
#17439d
rgb(23,67,157)
-
#194bae
#194bae
rgb(25,75,174)
-
#1c52bf
#1c52bf
rgb(28,82,191)
-
#1e59d0
#1e59d0
rgb(30,89,208)
-
#2362df
#2362df
rgb(35,98,223)
-
#346ee2
#346ee2
rgb(52,110,226)
-
#457ae4
#457ae4
rgb(69,122,228)
-
#5686e6
#5686e6
rgb(86,134,230)
-
#6792e9
#6792e9
rgb(103,146,233)
-
#789feb
#789feb
rgb(120,159,235)
-
#8aabee
#8aabee
rgb(138,171,238)
-
#9bb7f0
#9bb7f0
rgb(155,183,240)
-
#acc3f3
#acc3f3
rgb(172,195,243)
-
#bdd0f5
#bdd0f5
rgb(189,208,245)
-
#cedcf8
#cedcf8
rgb(206,220,248)
-
#dfe8fa
#dfe8fa
rgb(223,232,250)
-
#f0f4fd
#f0f4fd
rgb(240,244,253)
Tones of #457ae4
A tone is produced by adding gray to any pure hue. In this case, #8f939a is the less saturated color, while #2c72fd is the most saturated one.
-
#8f939a
#8f939a
rgb(143,147,154)
-
#8790a2
#8790a2
rgb(135,144,162)
-
#7e8dab
#7e8dab
rgb(126,141,171)
-
#768ab3
#768ab3
rgb(118,138,179)
-
#6e88bb
#6e88bb
rgb(110,136,187)
-
#6685c3
#6685c3
rgb(102,133,195)
-
#5e82cb
#5e82cb
rgb(94,130,203)
-
#557fd4
#557fd4
rgb(85,127,212)
-
#4d7ddc
#4d7ddc
rgb(77,125,220)
-
#457ae4
#457ae4
rgb(69,122,228)
-
#3d77ec
#3d77ec
rgb(61,119,236)
-
#3575f4
#3575f4
rgb(53,117,244)
-
#2c72fd
#2c72fd
rgb(44,114,253)
Color Blindness Simulator
Below, you can see how #457ae4 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.