#18B2C7 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #18B2C7

#18B2C7

In a RGB color space, hex #18B2C7 is composed of 9% red, 70% green and 78% blue. RGB color code is composed of a hexadecimal 18 red (24/255), a B2 green (178/255) and a C7 blue component (199/255). The decimal RGB color code is rgb(24,178,199) In CMYK color space, it is composed of 88% cyan, 11% magenta, 0% yellow and 22% black. It has a hue angle of 187.2o degrees, a saturation of 78% and a lightness of 44%. Closest websafe color is: #0099cc rgb (0, 153, 204).

Color conversion

---

Convert color

---

The hexadecimal color #18B2C7 has RGB values of R:24, G:178, B:199 and CMYK values of C:88, M:11, Y:0, K:22. Its decimal value is 1618631.Binary code is 110001011001011000111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 18B2C7  #18B2C7 RGB decimal 24, 178, 199  rgb(24, 178, 199) RGB % 9, 70, 78  rgb(9%, 70%, 78%) RGB Adobe 102, 177, 197 CMYK % 88, 11, 0, 22  88%, 11%, 0%, 22% HSL 187.2o, 78, 44  hsl(187.2o, 78%, 44%) HSV (HSB) 187o, 88%, 78%  hsv(187o, 88%, 78%)

Web Safe color #0099cc rgb (0, 153, 204) XYZ 26.606, 36.159 59.61 xyY 0.22, 0.3, 36.16 Hunter-Lab 60.13, -23.41, -20.72 CMY 91%, 30%, 22% Lab 66.2, -32.47, -21.83 Binary color 18 B2 C7 11000 10110010 11000111

Shades and tints of #18B2C7

---

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

Tint color variation #18B2C7

#3BBECF rgb (59,190,207) #3BBECF #58C8D6 rgb (88,200,214) #58C8D6 #71D0DC rgb (113,208,220) #71D0DC #86D7E1 rgb (134,215,225) #86D7E1 #98DDE6 rgb (152,221,230) #98DDE6 #A7E2EA rgb (167,226,234) #A7E2EA #B4E6ED rgb (180,230,237) #B4E6ED #BFEAF0 rgb (191,234,240) #BFEAF0 #C9EDF2 rgb (201,237,242) #C9EDF2 #D1F0F4 rgb (209,240,244) #D1F0F4

Shade color variation

#1497A9 rgb (20,151,169) #1497A9 #118090 rgb (17,128,144) #118090 #0E6D7A rgb (14,109,122) #0E6D7A #0C5D68 rgb (12,93,104) #0C5D68 #0A4F58 rgb (10,79,88) #0A4F58 #09434B rgb (9,67,75) #09434B #083940 rgb (8,57,64) #083940 #073036 rgb (7,48,54) #073036 #06292E rgb (6,41,46) #06292E #052327 rgb (5,35,39) #052327

Tones of #18B2C7

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

#22ADC0 rgb (34,173,192) #22ADC0 #2BA9BA rgb (43,169,186) #2BA9BA #34A5B4 rgb (52,165,180) #34A5B4 #3CA1AF rgb (60,161,175) #3CA1AF #439EAA rgb (67,158,170) #439EAA #499BA6 rgb (73,155,166) #499BA6 #4F98A2 rgb (79,152,162) #4F98A2 #54969F rgb (84,150,159) #54969F #58949C rgb (88,148,156) #58949C #5C9299 rgb (92,146,153) #5C9299

Alternatives to #18B2C7

---

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

#1876C7 rgb (24,118,199) #1876C7 #188AC7 rgb (24,138,199) #188AC7 #189EC7 rgb (24,158,199) #189EC7 #18C6C7 rgb (24,198,199) #18C6C7 #18DAC7 rgb (24,218,199) #18DAC7 #18EEC7 rgb (24,238,199) #18EEC7

Quick use #18B2C7

---

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

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

Box border html code	Text shadow with RGB values for color #18B2C7
box border html code for color #18B2C7	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #18B2C7;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(24, 178, 199, 1.4);

Pre-formatted code 18B2C7	code for script / programming
HTML, CSS:	= #18B2C7; rgb(24, 178, 199)
Java:	= new Color(24, 178, 199)
.NET:	= Color.FromArgb (24, 178, 199);
Xojo:	= rgb (24, 178, 199, 0);
openGL:	= glColor3f (0.09f, 0.7f, 0.78f);
Swift:	= UIColor(red:0.09, green:0.7, blue:0.78, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.09 green:0.7 blue:0.78 alpha:1.00000];

Color schemes with #18B2C7

---

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: 88% has a #18B2C7 saturation. Adding 88% + 10% = 98% saturation for our new color #038EA1. Decreasing 88% - 10% = 78% saturation for other monochromatic color #34D8ED. #34d8ed rgb (52,216,237) #34d8ed 78% saturation #347c87 rgb (43,124,135) #347c87 68% saturation #038ea1 rgb (3,142,161) #038ea1 98% saturation #007787 rgb (0,119,135) #007787 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. #185BC7 rgb (24,91,199) #185BC7 217o #18B2C7 rgb (24,178,199) #18B2C7 187o #18C784 rgb (24,199,132) #18C784 157o

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: #18B2C7 has a 187o angle. Adding 187o + 180o = 7oo for our new complementary color #C72C18. #18B2C7 rgb (24,178,199) #18B2C7 187o #C72C18 rgb (199,44,24) #C72C18 7o

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: #18B2C7 has a 187o angle. Adding 187o + 180o+30o = 37o for our first complementary color #C78418. Decreasing 187o + 180o-30o = 337o for the second complementary color #C7185B. #C7185B rgb (199,24,91) #C7185B 337o #18B2C7 rgb (24,178,199) #18B2C7 187o #C78418 rgb (199,132,24) #C78418 37o

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. #C718B2 rgb (199,24,178) #C718B2 307o #18B2C7 rgb (24,178,199) #18B2C7 187o #B2C718 rgb (178,199,24) #B2C718 67o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #C718B2 rgb (199,24,178) #C718B2 307o #18B2C7 rgb (24,178,199) #18B2C7 187o #C72C18 rgb (199,44,24) #C72C18 7o #18C72C rgb (24,199,44) #18C72C 127o