#407DFB color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #407DFB

#407DFB

In a RGB color space, hex #407DFB is composed of 25% red, 49% green and 98% blue. RGB color code is composed of a hexadecimal 40 red (64/255), a 7D green (125/255) and a FB blue component (251/255). The decimal RGB color code is rgb(64,125,251) In CMYK color space, it is composed of 75% cyan, 50% magenta, 0% yellow and 2% black. It has a hue angle of 220.43o degrees, a saturation of 96% and a lightness of 62%. Closest websafe color is: #3366ff rgb (51, 102, 255).

Color conversion

---

Convert color

---

The hexadecimal color #407DFB has RGB values of R:64, G:125, B:251 and CMYK values of C:75, M:50, Y:0, K:2. Its decimal value is 4226555.Binary code is 10000000111110111111011
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 407DFB  #407DFB RGB decimal 64, 125, 251  rgb(64, 125, 251) RGB % 25, 49, 98  rgb(25%, 49%, 98%) RGB Adobe 87, 124, 247 CMYK % 75, 50, 0, 2  75%, 50%, 0%, 2% HSL 220.43o, 96, 62  hsl(220.43o, 96%, 62%) HSV (HSB) 220o, 75%, 98%  hsv(220o, 75%, 98%)

Web Safe color #3366ff rgb (51, 102, 255) XYZ 26.861, 22.722 94.237 xyY 0.19, 0.16, 22.72 Hunter-Lab 47.67, 20.03, -89.76 CMY 75%, 51%, 2% Lab 53.7, 13.82, -70.02 Binary color 40 7D FB 1000000 1111101 11111011

Shades and tints of #407DFB

---

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: #0C1931 is the darkest color, and: #DAE6FC is the lightest one.

Tint color variation #407DFB

#5D91FC rgb (93,145,252) #5D91FC #75A2FC rgb (117,162,252) #75A2FC #8AB0FC rgb (138,176,252) #8AB0FC #9CBCFC rgb (156,188,252) #9CBCFC #ABC6FC rgb (171,198,252) #ABC6FC #B8CFFC rgb (184,207,252) #B8CFFC #C3D6FC rgb (195,214,252) #C3D6FC #CCDCFC rgb (204,220,252) #CCDCFC #D4E1FC rgb (212,225,252) #D4E1FC #DAE6FC rgb (218,230,252) #DAE6FC

Shade color variation

#366AD5 rgb (54,106,213) #366AD5 #2E5AB5 rgb (46,90,181) #2E5AB5 #274D9A rgb (39,77,154) #274D9A #214183 rgb (33,65,131) #214183 #1C376F rgb (28,55,111) #1C376F #182F5E rgb (24,47,94) #182F5E #142850 rgb (20,40,80) #142850 #112244 rgb (17,34,68) #112244 #0E1D3A rgb (14,29,58) #0E1D3A #0C1931 rgb (12,25,49) #0C1931

Tones of #407DFB

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

#467DEF rgb (70,125,239) #467DEF #4C7DE4 rgb (76,125,228) #4C7DE4 #517DDA rgb (81,125,218) #517DDA #567DD1 rgb (86,125,209) #567DD1 #5A7DC9 rgb (90,125,201) #5A7DC9 #5E7DC2 rgb (94,125,194) #5E7DC2 #617DBB rgb (97,125,187) #617DBB #647DB5 rgb (100,125,181) #647DB5 #677DB0 rgb (103,125,176) #677DB0 #6A7DAB rgb (106,125,171) #6A7DAB

Alternatives to #407DFB

---

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

#4041FB rgb (64,65,251) #4041FB #4055FB rgb (64,85,251) #4055FB #4069FB rgb (64,105,251) #4069FB #4091FB rgb (64,145,251) #4091FB #40A5FB rgb (64,165,251) #40A5FB #40B9FB rgb (64,185,251) #40B9FB

Quick use #407DFB

---

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

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

Box border html code	Text shadow with RGB values for color #407DFB
box border html code for color #407DFB	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #407DFB;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(64, 125, 251, 1.4);

Pre-formatted code 407DFB	code for script / programming
HTML, CSS:	= #407DFB; rgb(64, 125, 251)
Java:	= new Color(64, 125, 251)
.NET:	= Color.FromArgb (64, 125, 251);
Xojo:	= rgb (64, 125, 251, 0);
openGL:	= glColor3f (0.25f, 0.49f, 0.98f);
Swift:	= UIColor(red:0.25, green:0.49, blue:0.98, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.25 green:0.49 blue:0.98 alpha:1.00000];

Color schemes with #407DFB

---

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: 75% has a #407DFB saturation. Adding 75% + 10% = 85% saturation for our new color #205CD4. Decreasing 75% - 10% = 65% saturation for other monochromatic color #5991FF. #5991ff rgb (89,145,255) #5991ff 65% saturation #5976ba rgb (84,118,186) #5976ba 55% saturation #205cd4 rgb (32,92,212) #205cd4 85% saturation #0944ba rgb (9,68,186) #0944ba 95% 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. #5E3EFA rgb (94,62,250) #5E3EFA 250o #407DFB rgb (64,125,251) #407DFB 220o #3EDBFA rgb (62,219,250) #3EDBFA 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: #407DFB has a 220o angle. Adding 220o + 180o = 40oo for our new complementary color #FABB3E. #407DFB rgb (64,125,251) #407DFB 220o #FABB3E rgb (250,187,62) #FABB3E 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: #407DFB has a 220o angle. Adding 220o + 180o+30o = 70o for our first complementary color #DBFA3E. Decreasing 220o + 180o-30o = 10o for the second complementary color #FA5E3E. #FA5E3E rgb (250,94,62) #FA5E3E 10o #407DFB rgb (64,125,251) #407DFB 220o #DBFA3E rgb (219,250,62) #DBFA3E 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. #FA3E7D rgb (250,62,125) #FA3E7D 340o #407DFB rgb (64,125,251) #407DFB 220o #7DFA3E rgb (125,250,62) #7DFA3E 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. #FA3E7D rgb (250,62,125) #FA3E7D 340o #407DFB rgb (64,125,251) #407DFB 220o #FABB3E rgb (250,187,62) #FABB3E 40o #3EFABB rgb (62,250,187) #3EFABB 160o