#457cc2 Color Information
In a RGB color space, hex #457cc2 is composed of 27.1% red, 48.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 36.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 213.6 degrees, a saturation of 50.6% and a lightness of 51.6%. #457cc2 color hex could be obtained by blending #8af8ff with #000085. Closest websafe color is: #3366cc.
-
- R 27
- G 49
- B 76
-
- C 64
- M 36
- Y 0
- K 24
● #457cc2 color description : Moderate blue.
#457cc2 Color Conversion
The hexadecimal color #457cc2 has RGB values of R:69, G:124, B:194 and CMYK values of C:0.64, M:0.36, Y:0, K:0.24. Its decimal value is 4553922.
Hex triplet | 457cc2 | #457cc2 |
---|---|---|
RGB Decimal | 69, 124, 194 | rgb(69,124,194) |
RGB Percent | 27.1, 48.6, 76.1 | rgb(27.1%,48.6%,76.1%) |
CMYK | 64, 36, 0, 24 | |
HSL | 213.6°, 50.6, 51.6 | hsl(213.6,50.6%,51.6%) |
HSV (or HSB) | 213.6°, 64.4, 76.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.352, 4.065, -41.981 |
---|---|
XYZ | 19.397, 19.574, 53.792 |
xyY | 0.209, 0.211, 19.574 |
CIE-LCH | 51.352, 42.178, 275.531 |
CIE-LUV | 51.352, -22.887, -64.74 |
Hunter-Lab | 44.243, 0.834, -41.117 |
Binary | 01000101, 01111100, 11000010 |
Color Schemes with #457cc2
Alternatives to #457cc2
Below, you can see some colors close to #457cc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#457cc2 Preview
This text has a font color of #457cc2.
<span style="color:#457cc2;">Text here</span>
This paragraph has a background color of #457cc2.
<p style="background-color:#457cc2;">Content here</p>
This element has a border color of #457cc2.
<div style="border:1px solid #457cc2;">Content here</div>
.text {color:#457cc2;}
.background {background-color:#457cc2;}
.border {border:1px solid #457cc2;}
Shades and Tints of #457cc2
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, #020406 is the darkest color, while #f6f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070d15
#070d15
rgb(7,13,21)
-
#0c1624
#0c1624
rgb(12,22,36)
-
#111f32
#111f32
rgb(17,31,50)
-
#152941
#152941
rgb(21,41,65)
-
#1a3250
#1a3250
rgb(26,50,80)
-
#1f3b5f
#1f3b5f
rgb(31,59,95)
-
#24446d
#24446d
rgb(36,68,109)
-
#294d7c
#294d7c
rgb(41,77,124)
-
#2e578b
#2e578b
rgb(46,87,139)
-
#32609a
#32609a
rgb(50,96,154)
-
#3769a9
#3769a9
rgb(55,105,169)
-
#3c72b7
#3c72b7
rgb(60,114,183)
-
#457cc2
#457cc2
rgb(69,124,194)
-
#5486c7
#5486c7
rgb(84,134,199)
-
#6391cc
#6391cc
rgb(99,145,204)
-
#719bd1
#719bd1
rgb(113,155,209)
-
#80a6d5
#80a6d5
rgb(128,166,213)
-
#8fb0da
#8fb0da
rgb(143,176,218)
-
#9ebadf
#9ebadf
rgb(158,186,223)
-
#acc5e4
#acc5e4
rgb(172,197,228)
-
#bbcfe9
#bbcfe9
rgb(187,207,233)
-
#cadaee
#cadaee
rgb(202,218,238)
-
#d9e4f2
#d9e4f2
rgb(217,228,242)
-
#e7eef7
#e7eef7
rgb(231,238,247)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #457cc2
A tone is produced by adding gray to any pure hue. In this case, #7e8389 is the less saturated color, while #0c75fb is the most saturated one.
-
#7e8389
#7e8389
rgb(126,131,137)
-
#758293
#758293
rgb(117,130,147)
-
#6b819c
#6b819c
rgb(107,129,156)
-
#627fa6
#627fa6
rgb(98,127,166)
-
#587eaf
#587eaf
rgb(88,126,175)
-
#4f7db9
#4f7db9
rgb(79,125,185)
-
#457cc2
#457cc2
rgb(69,124,194)
-
#3c7bcc
#3c7bcc
rgb(60,123,204)
-
#327ad5
#327ad5
rgb(50,122,213)
-
#2979df
#2979df
rgb(41,121,223)
-
#1f77e8
#1f77e8
rgb(31,119,232)
-
#1676f2
#1676f2
rgb(22,118,242)
-
#0c75fb
#0c75fb
rgb(12,117,251)
Color Blindness Simulator
Below, you can see how #457cc2 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.