#18a2bc Color Information
In a RGB color space, hex #18a2bc is composed of 9.4% red, 63.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 13.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 189.5 degrees, a saturation of 77.4% and a lightness of 41.6%. #18a2bc color hex could be obtained by blending #30ffff with #004579. Closest websafe color is: #0099cc.
-
- R 9
- G 64
- B 74
-
- C 87
- M 14
- Y 0
- K 26
● #18a2bc color description : Strong cyan.
#18a2bc Color Conversion
The hexadecimal color #18a2bc has RGB values of R:24, G:162, B:188 and CMYK values of C:0.87, M:0.14, Y:0, K:0.26. Its decimal value is 1614524.
Hex triplet | 18a2bc | #18a2bc |
---|---|---|
RGB Decimal | 24, 162, 188 | rgb(24,162,188) |
RGB Percent | 9.4, 63.5, 73.7 | rgb(9.4%,63.5%,73.7%) |
CMYK | 87, 14, 0, 26 | |
HSL | 189.5°, 77.4, 41.6 | hsl(189.5,77.4%,41.6%) |
HSV (or HSB) | 189.5°, 87.2, 73.7 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 61.363, -24.747, -23.068 |
---|---|
XYZ | 22.372, 29.664, 52.121 |
xyY | 0.215, 0.285, 29.664 |
CIE-LCH | 61.363, 33.83, 222.989 |
CIE-LUV | 61.363, -43.364, -32.134 |
Hunter-Lab | 54.464, -21.992, -18.614 |
Binary | 00011000, 10100010, 10111100 |
Color Schemes with #18a2bc
Alternatives to #18a2bc
Below, you can see some colors close to #18a2bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a2bc Preview
This text has a font color of #18a2bc.
<span style="color:#18a2bc;">Text here</span>
This paragraph has a background color of #18a2bc.
<p style="background-color:#18a2bc;">Content here</p>
This element has a border color of #18a2bc.
<div style="border:1px solid #18a2bc;">Content here</div>
.text {color:#18a2bc;}
.background {background-color:#18a2bc;}
.border {border:1px solid #18a2bc;}
Shades and Tints of #18a2bc
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020c0e is the darkest color, while #fcfeff is the lightest one.
-
#020c0e
#020c0e
rgb(2,12,14)
-
#041b1f
#041b1f
rgb(4,27,31)
-
#062a31
#062a31
rgb(6,42,49)
-
#083942
#083942
rgb(8,57,66)
-
#0b4854
#0b4854
rgb(11,72,84)
-
#0d5765
#0d5765
rgb(13,87,101)
-
#0f6676
#0f6676
rgb(15,102,118)
-
#117588
#117588
rgb(17,117,136)
-
#148499
#148499
rgb(20,132,153)
-
#1693ab
#1693ab
rgb(22,147,171)
-
#18a2bc
#18a2bc
rgb(24,162,188)
-
#1ab1cd
#1ab1cd
rgb(26,177,205)
-
#1cc0df
#1cc0df
rgb(28,192,223)
-
#2bc7e4
#2bc7e4
rgb(43,199,228)
-
#3ccbe6
#3ccbe6
rgb(60,203,230)
-
#4ed0e8
#4ed0e8
rgb(78,208,232)
-
#5fd4eb
#5fd4eb
rgb(95,212,235)
-
#70d9ed
#70d9ed
rgb(112,217,237)
-
#82deef
#82deef
rgb(130,222,239)
-
#93e2f1
#93e2f1
rgb(147,226,241)
-
#a5e7f3
#a5e7f3
rgb(165,231,243)
-
#b6ecf6
#b6ecf6
rgb(182,236,246)
-
#c7f0f8
#c7f0f8
rgb(199,240,248)
-
#d9f5fa
#d9f5fa
rgb(217,245,250)
-
#eaf9fc
#eaf9fc
rgb(234,249,252)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #18a2bc
A tone is produced by adding gray to any pure hue. In this case, #6a6a6a is the less saturated color, while #08adcc is the most saturated one.
-
#6a6a6a
#6a6a6a
rgb(106,106,106)
-
#617073
#617073
rgb(97,112,115)
-
#59757b
#59757b
rgb(89,117,123)
-
#517b83
#517b83
rgb(81,123,131)
-
#49818b
#49818b
rgb(73,129,139)
-
#418693
#418693
rgb(65,134,147)
-
#398c9b
#398c9b
rgb(57,140,155)
-
#3091a4
#3091a4
rgb(48,145,164)
-
#2897ac
#2897ac
rgb(40,151,172)
-
#209cb4
#209cb4
rgb(32,156,180)
-
#18a2bc
#18a2bc
rgb(24,162,188)
-
#10a8c4
#10a8c4
rgb(16,168,196)
-
#08adcc
#08adcc
rgb(8,173,204)
Color Blindness Simulator
Below, you can see how #18a2bc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.