#5E7AFF color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #5E7AFF

#5E7AFF

In a RGB color space, hex #5E7AFF is composed of 37% red, 48% green and 100% blue. RGB color code is composed of a hexadecimal 5E red (94/255), a 7A green (122/255) and a FF blue component (255/255). The decimal RGB color code is rgb(94,122,255) In CMYK color space, it is composed of 63% cyan, 52% magenta, 0% yellow and 0% black. It has a hue angle of 229.57o degrees, a saturation of 100% and a lightness of 68%. Closest websafe color is: #6666ff rgb (102, 102, 255).

Color conversion

---

Convert color

---

The hexadecimal color #5E7AFF has RGB values of R:94, G:122, B:255 and CMYK values of C:63, M:52, Y:0, K:0. Its decimal value is 6191871.Binary code is 10111100111101011111111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5E7AFF  #5E7AFF RGB decimal 94, 122, 255  rgb(94, 122, 255) RGB % 37, 48, 100  rgb(37%, 48%, 100%) RGB Adobe 103, 121, 251 CMYK % 63, 52, 0, 0  63%, 52%, 0%, 0% HSL 229.57o, 100, 68  hsl(229.57o, 100%, 68%) HSV (HSB) 230o, 63%, 100%  hsv(230o, 63%, 100%)

Web Safe color #6666ff rgb (102, 102, 255) XYZ 29.626, 23.519 97.586 xyY 0.2, 0.16, 23.52 Hunter-Lab 48.5, 27.19, -91.38 CMY 63%, 52%, 0% Lab 54.56, 21.7, -70.75 Binary color 5E 7A FF 1011110 1111010 11111111

Shades and tints of #5E7AFF

---

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: #131833 is the darkest color, and: #E0E5FF is the lightest one.

Tint color variation #5E7AFF

#768EFF rgb (118,142,255) #768EFF #8B9FFF rgb (139,159,255) #8B9FFF #9CADFF rgb (156,173,255) #9CADFF #ABB9FF rgb (171,185,255) #ABB9FF #B8C4FF rgb (184,196,255) #B8C4FF #C3CDFF rgb (195,205,255) #C3CDFF #CCD5FF rgb (204,213,255) #CCD5FF #D4DBFF rgb (212,219,255) #D4DBFF #DAE0FF rgb (218,224,255) #DAE0FF #E0E5FF rgb (224,229,255) #E0E5FF

Shade color variation

#5068D9 rgb (80,104,217) #5068D9 #4458B8 rgb (68,88,184) #4458B8 #3A4B9C rgb (58,75,156) #3A4B9C #314085 rgb (49,64,133) #314085 #2A3671 rgb (42,54,113) #2A3671 #242E60 rgb (36,46,96) #242E60 #1F2752 rgb (31,39,82) #1F2752 #1A2146 rgb (26,33,70) #1A2146 #161C3C rgb (22,28,60) #161C3C #131833 rgb (19,24,51) #131833

Tones of #5E7AFF

A tone is produced by adding gray to any pure hue. In this case, #617BF2 is the less saturated color, and #747CAD is the most saturated one.

#617BF2 rgb (97,123,242) #617BF2 #647CE7 rgb (100,124,231) #647CE7 #677CDD rgb (103,124,221) #677CDD #6A7CD4 rgb (106,124,212) #6A7CD4 #6C7CCC rgb (108,124,204) #6C7CCC #6E7CC4 rgb (110,124,196) #6E7CC4 #707CBD rgb (112,124,189) #707CBD #727CB7 rgb (114,124,183) #727CB7 #737CB2 rgb (115,124,178) #737CB2 #747CAD rgb (116,124,173) #747CAD

Alternatives to #5E7AFF

---

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

#5E3EFF rgb (94,62,255) #5E3EFF #5E52FF rgb (94,82,255) #5E52FF #5E66FF rgb (94,102,255) #5E66FF #5E8EFF rgb (94,142,255) #5E8EFF #5EA2FF rgb (94,162,255) #5EA2FF #5EB6FF rgb (94,182,255) #5EB6FF

Quick use #5E7AFF

---

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="#5E7AFF;">Text here</font>	<div style="background-color:#5E7AFF;">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="#5E7AFF;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#5E7AFF;">Text here</font> </div>

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

Box border html code	Text shadow with RGB values for color #5E7AFF
box border html code for color #5E7AFF	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #5E7AFF;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(94, 122, 255, 1.4);

Pre-formatted code 5E7AFF	code for script / programming
HTML, CSS:	= #5E7AFF; rgb(94, 122, 255)
Java:	= new Color(94, 122, 255)
.NET:	= Color.FromArgb (94, 122, 255);
Xojo:	= rgb (94, 122, 255, 0);
openGL:	= glColor3f (0.37f, 0.48f, 1f);
Swift:	= UIColor(red:0.37, green:0.48, blue:1, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.37 green:0.48 blue:1 alpha:1.00000];

Color schemes with #5E7AFF

---

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: 63% has a #5E7AFF saturation. Adding 63% + 10% = 73% saturation for our new color #3B55D9. Decreasing 63% - 10% = 53% saturation for other monochromatic color #788EFF. #788eff rgb (120,142,255) #788eff 53% saturation #787bbf rgb (109,123,191) #787bbf 43% saturation #3b55d9 rgb (59,85,217) #3b55d9 73% saturation #213bbf rgb (33,59,191) #213bbf 83% 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. #945EFF rgb (148,94,255) #945EFF 260o #5E7AFF rgb (94,122,255) #5E7AFF 230o #5EC9FF rgb (94,201,255) #5EC9FF 200o

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: #5E7AFF has a 230o angle. Adding 230o + 180o = 50oo for our new complementary color #FFE45E. #5E7AFF rgb (94,122,255) #5E7AFF 230o #FFE45E rgb (255,228,94) #FFE45E 50o

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: #5E7AFF has a 230o angle. Adding 230o + 180o+30o = 80o for our first complementary color #C9FF5E. Decreasing 230o + 180o-30o = 20o for the second complementary color #FF945E. #FF945E rgb (255,148,94) #FF945E 20o #5E7AFF rgb (94,122,255) #5E7AFF 230o #C9FF5E rgb (201,255,94) #C9FF5E 80o

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. #FF5E79 rgb (255,94,121) #FF5E79 350o #5E7AFF rgb (94,122,255) #5E7AFF 230o #79FF5E rgb (121,255,94) #79FF5E 110o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #FF5E79 rgb (255,94,121) #FF5E79 350o #5E7AFF rgb (94,122,255) #5E7AFF 230o #FFE45E rgb (255,228,94) #FFE45E 50o #5EFFE4 rgb (94,255,228) #5EFFE4 170o