#288EB0 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #288EB0

#288EB0

In a RGB color space, hex #288EB0 is composed of 16% red, 56% green and 69% blue. RGB color code is composed of a hexadecimal 28 red (40/255), a 8E green (142/255) and a B0 blue component (176/255). The decimal RGB color code is rgb(40,142,176) In CMYK color space, it is composed of 77% cyan, 19% magenta, 0% yellow and 31% black. It has a hue angle of 195o degrees, a saturation of 63% and a lightness of 42%. Closest websafe color is: #339999 rgb (51, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #288EB0 has RGB values of R:40, G:142, B:176 and CMYK values of C:77, M:19, Y:0, K:31. Its decimal value is 2657968.Binary code is 1010001000111010110000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 288EB0  #288EB0 RGB decimal 40, 142, 176  rgb(40, 142, 176) RGB % 16, 56, 69  rgb(16%, 56%, 69%) RGB Adobe 86, 141, 173 CMYK % 77, 19, 0, 31  77%, 19%, 0%, 31% HSL 195o, 63, 42  hsl(195o, 63%, 42%) HSV (HSB) 195o, 77%, 69%  hsv(195o, 77%, 69%)

Web Safe color #339999 rgb (51, 153, 153) XYZ 18.385, 22.932 44.532 xyY 0.21, 0.27, 22.93 Hunter-Lab 47.89, -12.92, -25.15 CMY 84%, 44%, 31% Lab 54.55, -20.71, -26.69 Binary color 28 8E B0 101000 10001110 10110000

Shades and tints of #288EB0

---

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: #081C23 is the darkest color, and: #D5E9F0 is the lightest one.

Tint color variation #288EB0

#489FBC rgb (72,159,188) #489FBC #63ADC6 rgb (99,173,198) #63ADC6 #7AB9CF rgb (122,185,207) #7AB9CF #8EC4D6 rgb (142,196,214) #8EC4D6 #9FCDDC rgb (159,205,220) #9FCDDC #ADD5E1 rgb (173,213,225) #ADD5E1 #B9DBE6 rgb (185,219,230) #B9DBE6 #C4E0EA rgb (196,224,234) #C4E0EA #CDE5ED rgb (205,229,237) #CDE5ED #D5E9F0 rgb (213,233,240) #D5E9F0

Shade color variation

#227996 rgb (34,121,150) #227996 #1D6780 rgb (29,103,128) #1D6780 #19586D rgb (25,88,109) #19586D #154B5D rgb (21,75,93) #154B5D #12404F rgb (18,64,79) #12404F #0F3643 rgb (15,54,67) #0F3643 #0D2E39 rgb (13,46,57) #0D2E39 #0B2730 rgb (11,39,48) #0B2730 #092129 rgb (9,33,41) #092129 #081C23 rgb (8,28,35) #081C23

Tones of #288EB0

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

#318DAB rgb (49,141,171) #318DAB #398CA7 rgb (57,140,167) #398CA7 #408BA3 rgb (64,139,163) #408BA3 #468AA0 rgb (70,138,160) #468AA0 #4C899D rgb (76,137,157) #4C899D #51889A rgb (81,136,154) #51889A #568797 rgb (86,135,151) #568797 #5A8695 rgb (90,134,149) #5A8695 #5E8593 rgb (94,133,147) #5E8593 #618591 rgb (97,133,145) #618591

Alternatives to #288EB0

---

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

#2852B0 rgb (40,82,176) #2852B0 #2866B0 rgb (40,102,176) #2866B0 #287AB0 rgb (40,122,176) #287AB0 #28A2B0 rgb (40,162,176) #28A2B0 #28B6B0 rgb (40,182,176) #28B6B0 #28CAB0 rgb (40,202,176) #28CAB0

Quick use #288EB0

---

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

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

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

Pre-formatted code 288EB0	code for script / programming
HTML, CSS:	= #288EB0; rgb(40, 142, 176)
Java:	= new Color(40, 142, 176)
.NET:	= Color.FromArgb (40, 142, 176);
Xojo:	= rgb (40, 142, 176, 0);
openGL:	= glColor3f (0.16f, 0.56f, 0.69f);
Swift:	= UIColor(red:0.16, green:0.56, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.16 green:0.56 blue:0.69 alpha:1.00000];

Color schemes with #288EB0

---

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: 77% has a #288EB0 saturation. Adding 77% + 10% = 87% saturation for our new color #126C8A. Decreasing 77% - 10% = 67% saturation for other monochromatic color #47B2D6. #47b2d6 rgb (71,178,214) #47b2d6 67% saturation #476070 rgb (48,96,112) #476070 57% saturation #126c8a rgb (18,108,138) #126c8a 87% saturation #035570 rgb (3,85,112) #035570 97% 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. #284AB0 rgb (40,74,176) #284AB0 225o #288EB0 rgb (40,142,176) #288EB0 195o #28B08E rgb (40,176,142) #28B08E 165o

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: #288EB0 has a 195o angle. Adding 195o + 180o = 15oo for our new complementary color #B04A28. #288EB0 rgb (40,142,176) #288EB0 195o #B04A28 rgb (176,74,40) #B04A28 15o

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: #288EB0 has a 195o angle. Adding 195o + 180o+30o = 45o for our first complementary color #B08E28. Decreasing 195o + 180o-30o = 345o for the second complementary color #B0284A. #B0284A rgb (176,40,74) #B0284A 345o #288EB0 rgb (40,142,176) #288EB0 195o #B08E28 rgb (176,142,40) #B08E28 45o

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. #B0288E rgb (176,40,142) #B0288E 315o #288EB0 rgb (40,142,176) #288EB0 195o #8EB028 rgb (142,176,40) #8EB028 75o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #B0288E rgb (176,40,142) #B0288E 315o #288EB0 rgb (40,142,176) #288EB0 195o #B04A28 rgb (176,74,40) #B04A28 15o #28B04A rgb (40,176,74) #28B04A 135o