#217AED color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #217AED

#217AED

In a RGB color space, hex #217AED is composed of 13% red, 48% green and 93% blue. RGB color code is composed of a hexadecimal 21 red (33/255), a 7A green (122/255) and a ED blue component (237/255). The decimal RGB color code is rgb(33,122,237) In CMYK color space, it is composed of 86% cyan, 49% magenta, 0% yellow and 7% black. It has a hue angle of 213.82o degrees, a saturation of 85% and a lightness of 53%. Closest websafe color is: #3366ff rgb (51, 102, 255).

Color conversion

---

Convert color

---

The hexadecimal color #217AED has RGB values of R:33, G:122, B:237 and CMYK values of C:86, M:49, Y:0, K:7. Its decimal value is 2194157.Binary code is 1000010111101011101101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 217AED  #217AED RGB decimal 33, 122, 237  rgb(33, 122, 237) RGB % 13, 48, 93  rgb(13%, 48%, 93%) RGB Adobe 74, 121, 233 CMYK % 86, 49, 0, 7  86%, 49%, 0%, 7% HSL 213.82o, 85, 53  hsl(213.82o, 85%, 53%) HSV (HSB) 214o, 86%, 93%  hsv(214o, 86%, 93%)

Web Safe color #3366ff rgb (51, 102, 255) XYZ 22.873, 20.357 82.844 xyY 0.18, 0.16, 20.36 Hunter-Lab 45.12, 14.16, -82.8 CMY 87%, 52%, 7% Lab 51.18, 7.76, -66.38 Binary color 21 7A ED 100001 1111010 11101101

Shades and tints of #217AED

---

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: #07182F is the darkest color, and: #D4E5FC is the lightest one.

Tint color variation #217AED

#428EF0 rgb (66,142,240) #428EF0 #5E9FF2 rgb (94,159,242) #5E9FF2 #76ADF4 rgb (118,173,244) #76ADF4 #8BB9F6 rgb (139,185,246) #8BB9F6 #9CC4F7 rgb (156,196,247) #9CC4F7 #ABCDF8 rgb (171,205,248) #ABCDF8 #B8D5F9 rgb (184,213,249) #B8D5F9 #C3DBFA rgb (195,219,250) #C3DBFA #CCE0FB rgb (204,224,251) #CCE0FB #D4E5FC rgb (212,229,252) #D4E5FC

Shade color variation

#1C68C9 rgb (28,104,201) #1C68C9 #1858AB rgb (24,88,171) #1858AB #144B91 rgb (20,75,145) #144B91 #11407B rgb (17,64,123) #11407B #0E3669 rgb (14,54,105) #0E3669 #0C2E59 rgb (12,46,89) #0C2E59 #0A274C rgb (10,39,76) #0A274C #092141 rgb (9,33,65) #092141 #081C37 rgb (8,28,55) #081C37 #07182F rgb (7,24,47) #07182F

Tones of #217AED

A tone is produced by adding gray to any pure hue. In this case, #2B7BE2 is the less saturated color, and #607CA6 is the most saturated one.

#2B7BE2 rgb (43,123,226) #2B7BE2 #347CD8 rgb (52,124,216) #347CD8 #3C7CCF rgb (60,124,207) #3C7CCF #437CC7 rgb (67,124,199) #437CC7 #497CC0 rgb (73,124,192) #497CC0 #4F7CBA rgb (79,124,186) #4F7CBA #547CB4 rgb (84,124,180) #547CB4 #587CAF rgb (88,124,175) #587CAF #5C7CAA rgb (92,124,170) #5C7CAA #607CA6 rgb (96,124,166) #607CA6

Alternatives to #217AED

---

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

#213EED rgb (33,62,237) #213EED #2152ED rgb (33,82,237) #2152ED #2166ED rgb (33,102,237) #2166ED #218EED rgb (33,142,237) #218EED #21A2ED rgb (33,162,237) #21A2ED #21B6ED rgb (33,182,237) #21B6ED

Quick use #217AED

---

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

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

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

Pre-formatted code 217AED	code for script / programming
HTML, CSS:	= #217AED; rgb(33, 122, 237)
Java:	= new Color(33, 122, 237)
.NET:	= Color.FromArgb (33, 122, 237);
Xojo:	= rgb (33, 122, 237, 0);
openGL:	= glColor3f (0.13f, 0.48f, 0.93f);
Swift:	= UIColor(red:0.13, green:0.48, blue:0.93, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.13 green:0.48 blue:0.93 alpha:1.00000];

Color schemes with #217AED

---

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: 86% has a #217AED saturation. Adding 86% + 10% = 96% saturation for our new color #085BC7. Decreasing 86% - 10% = 76% saturation for other monochromatic color #3D91FF. #3d91ff rgb (61,145,255) #3d91ff 76% saturation #3d6dad rgb (59,109,173) #3d6dad 66% saturation #085bc7 rgb (8,91,199) #085bc7 96% saturation #004bad rgb (0,75,173) #004bad 100% 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. #2F21ED rgb (47,33,237) #2F21ED 244o #217AED rgb (33,122,237) #217AED 214o #21E0ED rgb (33,224,237) #21E0ED 184o

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: #217AED has a 214o angle. Adding 214o + 180o = 34oo for our new complementary color #ED9521. #217AED rgb (33,122,237) #217AED 214o #ED9521 rgb (237,149,33) #ED9521 34o

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: #217AED has a 214o angle. Adding 214o + 180o+30o = 64o for our first complementary color #E0ED21. Decreasing 214o + 180o-30o = 4o for the second complementary color #ED2F21. #ED2F21 rgb (237,47,33) #ED2F21 4o #217AED rgb (33,122,237) #217AED 214o #E0ED21 rgb (224,237,33) #E0ED21 64o

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. #ED217A rgb (237,33,122) #ED217A 334o #217AED rgb (33,122,237) #217AED 214o #7AED21 rgb (122,237,33) #7AED21 94o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #ED217A rgb (237,33,122) #ED217A 334o #217AED rgb (33,122,237) #217AED 214o #ED9521 rgb (237,149,33) #ED9521 34o #21ED95 rgb (33,237,149) #21ED95 154o