#285E95 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #285E95

#285E95

In a RGB color space, hex #285E95 is composed of 16% red, 37% green and 58% blue. RGB color code is composed of a hexadecimal 28 red (40/255), a 5E green (94/255) and a 95 blue component (149/255). The decimal RGB color code is rgb(40,94,149) In CMYK color space, it is composed of 73% cyan, 37% magenta, 0% yellow and 42% black. It has a hue angle of 210.28o degrees, a saturation of 58% and a lightness of 37%. Closest websafe color is: #336699 rgb (51, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #285E95 has RGB values of R:40, G:94, B:149 and CMYK values of C:73, M:37, Y:0, K:42. Its decimal value is 2645653.Binary code is 1010000101111010010101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 285E95  #285E95 RGB decimal 40, 94, 149  rgb(40, 94, 149) RGB % 16, 37, 58  rgb(16%, 37%, 58%) RGB Adobe 64, 94, 146 CMYK % 73, 37, 0, 42  73%, 37%, 0%, 42% HSL 210.28o, 58, 37  hsl(210.28o, 58%, 37%) HSV (HSB) 210o, 73%, 58%  hsv(210o, 73%, 58%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 10.303, 10.626 29.942 xyY 0.2, 0.21, 10.63 Hunter-Lab 32.6, 1.13, -34.7 CMY 84%, 63%, 42% Lab 38.41, -3.29, -36.04 Binary color 28 5E 95 101000 1011110 10010101

Shades and tints of #285E95

---

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: #08131E is the darkest color, and: #D5E0EA is the lightest one.

Tint color variation #285E95

#4876A5 rgb (72,118,165) #4876A5 #638BB3 rgb (99,139,179) #638BB3 #7A9CBE rgb (122,156,190) #7A9CBE #8EABC8 rgb (142,171,200) #8EABC8 #9FB8D0 rgb (159,184,208) #9FB8D0 #ADC3D7 rgb (173,195,215) #ADC3D7 #B9CCDD rgb (185,204,221) #B9CCDD #C4D4E2 rgb (196,212,226) #C4D4E2 #CDDAE6 rgb (205,218,230) #CDDAE6 #D5E0EA rgb (213,224,234) #D5E0EA

Shade color variation

#22507F rgb (34,80,127) #22507F #1D446C rgb (29,68,108) #1D446C #193A5C rgb (25,58,92) #193A5C #15314E rgb (21,49,78) #15314E #122A42 rgb (18,42,66) #122A42 #0F2438 rgb (15,36,56) #0F2438 #0D1F30 rgb (13,31,48) #0D1F30 #0B1A29 rgb (11,26,41) #0B1A29 #091623 rgb (9,22,35) #091623 #08131E rgb (8,19,30) #08131E

Tones of #285E95

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

#316193 rgb (49,97,147) #316193 #396491 rgb (57,100,145) #396491 #40678F rgb (64,103,143) #40678F #466A8E rgb (70,106,142) #466A8E #4C6C8D rgb (76,108,141) #4C6C8D #516E8C rgb (81,110,140) #516E8C #56708B rgb (86,112,139) #56708B #5A728A rgb (90,114,138) #5A728A #5E7389 rgb (94,115,137) #5E7389 #617488 rgb (97,116,136) #617488

Alternatives to #285E95

---

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

#282295 rgb (40,34,149) #282295 #283695 rgb (40,54,149) #283695 #284A95 rgb (40,74,149) #284A95 #287295 rgb (40,114,149) #287295 #288695 rgb (40,134,149) #288695 #289A95 rgb (40,154,149) #289A95

Quick use #285E95

---

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

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

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

Pre-formatted code 285E95	code for script / programming
HTML, CSS:	= #285E95; rgb(40, 94, 149)
Java:	= new Color(40, 94, 149)
.NET:	= Color.FromArgb (40, 94, 149);
Xojo:	= rgb (40, 94, 149, 0);
openGL:	= glColor3f (0.16f, 0.37f, 0.58f);
Swift:	= UIColor(red:0.16, green:0.37, blue:0.58, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.16 green:0.37 blue:0.58 alpha:1.00000];

Color schemes with #285E95

---

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: 73% has a #285E95 saturation. Adding 73% + 10% = 83% saturation for our new color #13406E. Decreasing 73% - 10% = 63% saturation for other monochromatic color #4580BA. #4580ba rgb (69,128,186) #4580ba 63% saturation #453e54 rgb (40,62,84) #453e54 53% saturation #13406e rgb (19,64,110) #13406e 83% saturation #062d54 rgb (6,45,84) #062d54 93% 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. #282894 rgb (40,40,148) #282894 240o #285E95 rgb (40,94,149) #285E95 210o #289494 rgb (40,148,148) #289494 180o

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: #285E95 has a 210o angle. Adding 210o + 180o = 30oo for our new complementary color #945E28. #285E95 rgb (40,94,149) #285E95 210o #945E28 rgb (148,94,40) #945E28 30o

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: #285E95 has a 210o angle. Adding 210o + 180o+30o = 60o for our first complementary color #949428. Decreasing 210o + 180o-30o = 360o for the second complementary color #942828. #942828 rgb (148,40,40) #942828 360o #285E95 rgb (40,94,149) #285E95 210o #949428 rgb (148,148,40) #949428 60o

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. #94285E rgb (148,40,94) #94285E 330o #285E95 rgb (40,94,149) #285E95 210o #5E9428 rgb (94,148,40) #5E9428 90o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #94285E rgb (148,40,94) #94285E 330o #285E95 rgb (40,94,149) #285E95 210o #945E28 rgb (148,94,40) #945E28 30o #28945E rgb (40,148,94) #28945E 150o