#18a2ec Color Information
In a RGB color space, hex #18a2ec is composed of 9.4% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 200.9 degrees, a saturation of 84.8% and a lightness of 51%. #18a2ec color hex could be obtained by blending #30ffff with #0045d9. Closest websafe color is: #0099ff.
-
- R 9
- G 64
- B 93
-
- C 90
- M 31
- Y 0
- K 7
● #18a2ec color description : Vivid blue.
#18a2ec Color Conversion
The hexadecimal color #18a2ec has RGB values of R:24, G:162, B:236 and CMYK values of C:0.9, M:0.31, Y:0, K:0.07. Its decimal value is 1614572.
Hex triplet | 18a2ec | #18a2ec |
---|---|---|
RGB Decimal | 24, 162, 236 | rgb(24,162,236) |
RGB Percent | 9.4, 63.5, 92.5 | rgb(9.4%,63.5%,92.5%) |
CMYK | 90, 31, 0, 7 | |
HSL | 200.9°, 84.8, 51 | hsl(200.9,84.8%,51%) |
HSV (or HSB) | 200.9°, 89.8, 92.5 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 63.416, -7.908, -46.54 |
---|---|
XYZ | 28.434, 32.088, 84.047 |
xyY | 0.197, 0.222, 32.088 |
CIE-LCH | 63.416, 47.208, 260.356 |
CIE-LUV | 63.416, -40.035, -73.612 |
Hunter-Lab | 56.647, -9.534, -48.317 |
Binary | 00011000, 10100010, 11101100 |
Color Schemes with #18a2ec
Alternatives to #18a2ec
Below, you can see some colors close to #18a2ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a2ec Preview
This text has a font color of #18a2ec.
<span style="color:#18a2ec;">Text here</span>
This paragraph has a background color of #18a2ec.
<p style="background-color:#18a2ec;">Content here</p>
This element has a border color of #18a2ec.
<div style="border:1px solid #18a2ec;">Content here</div>
.text {color:#18a2ec;}
.background {background-color:#18a2ec;}
.border {border:1px solid #18a2ec;}
Shades and Tints of #18a2ec
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, #000305 is the darkest color, while #f1fafe is the lightest one.
-
#000305
#000305
rgb(0,3,5)
-
#020f17
#020f17
rgb(2,15,23)
-
#031c29
#031c29
rgb(3,28,41)
-
#05283b
#05283b
rgb(5,40,59)
-
#06344d
#06344d
rgb(6,52,77)
-
#08415f
#08415f
rgb(8,65,95)
-
#094d71
#094d71
rgb(9,77,113)
-
#0b5983
#0b5983
rgb(11,89,131)
-
#0c6696
#0c6696
rgb(12,102,150)
-
#0e72a8
#0e72a8
rgb(14,114,168)
-
#0f7eba
#0f7eba
rgb(15,126,186)
-
#118bcc
#118bcc
rgb(17,139,204)
-
#1297de
#1297de
rgb(18,151,222)
-
#18a2ec
#18a2ec
rgb(24,162,236)
-
#2aa9ed
#2aa9ed
rgb(42,169,237)
-
#3cb1ef
#3cb1ef
rgb(60,177,239)
-
#4eb8f0
#4eb8f0
rgb(78,184,240)
-
#60bff2
#60bff2
rgb(96,191,242)
-
#73c6f3
#73c6f3
rgb(115,198,243)
-
#85cef5
#85cef5
rgb(133,206,245)
-
#97d5f6
#97d5f6
rgb(151,213,246)
-
#a9dcf8
#a9dcf8
rgb(169,220,248)
-
#bbe4f9
#bbe4f9
rgb(187,228,249)
-
#cdebfb
#cdebfb
rgb(205,235,251)
-
#dff2fc
#dff2fc
rgb(223,242,252)
-
#f1fafe
#f1fafe
rgb(241,250,254)
Tones of #18a2ec
A tone is produced by adding gray to any pure hue. In this case, #828282 is the less saturated color, while #0ea5f6 is the most saturated one.
-
#828282
#828282
rgb(130,130,130)
-
#78858c
#78858c
rgb(120,133,140)
-
#6f8895
#6f8895
rgb(111,136,149)
-
#658b9f
#658b9f
rgb(101,139,159)
-
#5b8ea9
#5b8ea9
rgb(91,142,169)
-
#5291b2
#5291b2
rgb(82,145,178)
-
#4893bc
#4893bc
rgb(72,147,188)
-
#3e96c6
#3e96c6
rgb(62,150,198)
-
#3599cf
#3599cf
rgb(53,153,207)
-
#2b9cd9
#2b9cd9
rgb(43,156,217)
-
#229fe2
#229fe2
rgb(34,159,226)
-
#18a2ec
#18a2ec
rgb(24,162,236)
-
#0ea5f6
#0ea5f6
rgb(14,165,246)
Color Blindness Simulator
Below, you can see how #18a2ec 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.