#457EF4 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #457EF4

#457EF4

In a RGB color space, hex #457EF4 is composed of 27% red, 49% green and 96% blue. RGB color code is composed of a hexadecimal 45 red (69/255), a 7E green (126/255) and a F4 blue component (244/255). The decimal RGB color code is rgb(69,126,244) In CMYK color space, it is composed of 72% cyan, 48% magenta, 0% yellow and 4% black. It has a hue angle of 220.46o degrees, a saturation of 89% and a lightness of 61%. Closest websafe color is: #3366ff rgb (51, 102, 255).

Color conversion

---

Convert color

---

The hexadecimal color #457EF4 has RGB values of R:69, G:126, B:244 and CMYK values of C:72, M:48, Y:0, K:4. Its decimal value is 4554484.Binary code is 10001010111111011110100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 457EF4  #457EF4 RGB decimal 69, 126, 244  rgb(69, 126, 244) RGB % 27, 49, 96  rgb(27%, 49%, 96%) RGB Adobe 90, 125, 240 CMYK % 72, 48, 0, 4  72%, 48%, 0%, 4% HSL 220.46o, 89, 61  hsl(220.46o, 89%, 61%) HSV (HSB) 220o, 72%, 96%  hsv(220o, 72%, 96%)

Web Safe color #3366ff rgb (51, 102, 255) XYZ 26.244, 22.719 88.59 xyY 0.19, 0.17, 22.72 Hunter-Lab 47.66, 17.69, -82.48 CMY 73%, 51%, 4% Lab 53.78, 11.88, -66.01 Binary color 45 7E F4 1000101 1111110 11110100

Shades and tints of #457EF4

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #0E1930 is the darkest color, and: #DBE6FC is the lightest one.

Tint color variation #457EF4

#6191F6 rgb (97,145,246) #6191F6 #79A2F7 rgb (121,162,247) #79A2F7 #8DB0F8 rgb (141,176,248) #8DB0F8 #9EBCF9 rgb (158,188,249) #9EBCF9 #ADC6FA rgb (173,198,250) #ADC6FA #B9CFFB rgb (185,207,251) #B9CFFB #C4D6FC rgb (196,214,252) #C4D6FC #CDDCFC rgb (205,220,252) #CDDCFC #D5E1FC rgb (213,225,252) #D5E1FC #DBE6FC rgb (219,230,252) #DBE6FC

Shade color variation

#3B6BCF rgb (59,107,207) #3B6BCF #325BB0 rgb (50,91,176) #325BB0 #2B4D96 rgb (43,77,150) #2B4D96 #254180 rgb (37,65,128) #254180 #1F376D rgb (31,55,109) #1F376D #1A2F5D rgb (26,47,93) #1A2F5D #16284F rgb (22,40,79) #16284F #132243 rgb (19,34,67) #132243 #101D39 rgb (16,29,57) #101D39 #0E1930 rgb (14,25,48) #0E1930

Tones of #457EF4

A tone is produced by adding gray to any pure hue. In this case, #4B7EE8 is the less saturated color, and #6C7EA9 is the most saturated one.

#4B7EE8 rgb (75,126,232) #4B7EE8 #507EDE rgb (80,126,222) #507EDE #557ED5 rgb (85,126,213) #557ED5 #597ECD rgb (89,126,205) #597ECD #5D7EC5 rgb (93,126,197) #5D7EC5 #617EBE rgb (97,126,190) #617EBE #647EB8 rgb (100,126,184) #647EB8 #677EB2 rgb (103,126,178) #677EB2 #6A7EAD rgb (106,126,173) #6A7EAD #6C7EA9 rgb (108,126,169) #6C7EA9

Alternatives to #457EF4

---

Below, you can see some colors close to #457EF4. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#4542F4 rgb (69,66,244) #4542F4 #4556F4 rgb (69,86,244) #4556F4 #456AF4 rgb (69,106,244) #456AF4 #4592F4 rgb (69,146,244) #4592F4 #45A6F4 rgb (69,166,244) #45A6F4 #45BAF4 rgb (69,186,244) #45BAF4

Quick use #457EF4

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#457EF4;">Text here</font>	<div style="background-color:#457EF4;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#457EF4;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#457EF4;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #457EF4	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #457EF4;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #457EF4;

Box border html code	Text shadow with RGB values for color #457EF4
box border html code for color #457EF4	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #457EF4;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(69, 126, 244, 1.4);

Pre-formatted code 457EF4	code for script / programming
HTML, CSS:	= #457EF4; rgb(69, 126, 244)
Java:	= new Color(69, 126, 244)
.NET:	= Color.FromArgb (69, 126, 244);
Xojo:	= rgb (69, 126, 244, 0);
openGL:	= glColor3f (0.27f, 0.49f, 0.96f);
Swift:	= UIColor(red:0.27, green:0.49, blue:0.96, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.27 green:0.49 blue:0.96 alpha:1.00000];

Color schemes with #457EF4

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 72% has a #457EF4 saturation. Adding 72% + 10% = 82% saturation for our new color #255ECF. Decreasing 72% - 10% = 62% saturation for other monochromatic color #6196FF. #6196ff rgb (97,150,255) #6196ff 62% saturation #6176b5 rgb (87,118,181) #6176b5 52% saturation #255ecf rgb (37,94,207) #255ecf 82% saturation #0e46b5 rgb (14,70,181) #0e46b5 92% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #6245F5 rgb (98,69,245) #6245F5 250o #457EF4 rgb (69,126,244) #457EF4 220o #45D7F5 rgb (69,215,245) #45D7F5 190o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #457EF4 has a 220o angle. Adding 220o + 180o = 40oo for our new complementary color #F5BA45. #457EF4 rgb (69,126,244) #457EF4 220o #F5BA45 rgb (245,186,69) #F5BA45 40o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #457EF4 has a 220o angle. Adding 220o + 180o+30o = 70o for our first complementary color #D7F545. Decreasing 220o + 180o-30o = 10o for the second complementary color #F56245. #F56245 rgb (245,98,69) #F56245 10o #457EF4 rgb (69,126,244) #457EF4 220o #D7F545 rgb (215,245,69) #D7F545 70o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #F5457F rgb (245,69,127) #F5457F 340o #457EF4 rgb (69,126,244) #457EF4 220o #7FF545 rgb (127,245,69) #7FF545 100o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #F5457F rgb (245,69,127) #F5457F 340o #457EF4 rgb (69,126,244) #457EF4 220o #F5BA45 rgb (245,186,69) #F5BA45 40o #45F5BA rgb (69,245,186) #45F5BA 160o