#18ade4 Color Information
In a RGB color space, hex #18ade4 is composed of 9.4% red, 67.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 24.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.2 degrees, a saturation of 81% and a lightness of 49.4%. #18ade4 color hex could be obtained by blending #30ffff with #005bc9. Closest websafe color is: #0099cc.
-
- R 9
- G 68
- B 89
-
- C 89
- M 24
- Y 0
- K 11
● #18ade4 color description : Vivid blue.
#18ade4 Color Conversion
The hexadecimal color #18ade4 has RGB values of R:24, G:173, B:228 and CMYK values of C:0.89, M:0.24, Y:0, K:0.11. Its decimal value is 1617380.
Hex triplet | 18ade4 | #18ade4 |
---|---|---|
RGB Decimal | 24, 173, 228 | rgb(24,173,228) |
RGB Percent | 9.4, 67.8, 89.4 | rgb(9.4%,67.8%,89.4%) |
CMYK | 89, 24, 0, 11 | |
HSL | 196.2°, 81, 49.4 | hsl(196.2,81%,49.4%) |
HSV (or HSB) | 196.2°, 89.5, 89.4 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.275, -16.791, -37.662 |
---|---|
XYZ | 29.32, 35.68, 78.736 |
xyY | 0.204, 0.248, 35.68 |
CIE-LCH | 66.275, 41.236, 245.972 |
CIE-LUV | 66.275, -44.261, -57.985 |
Hunter-Lab | 59.733, -16.914, -36.34 |
Binary | 00011000, 10101101, 11100100 |
Color Schemes with #18ade4
Alternatives to #18ade4
Below, you can see some colors close to #18ade4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18ade4 Preview
This text has a font color of #18ade4.
<span style="color:#18ade4;">Text here</span>
This paragraph has a background color of #18ade4.
<p style="background-color:#18ade4;">Content here</p>
This element has a border color of #18ade4.
<div style="border:1px solid #18ade4;">Content here</div>
.text {color:#18ade4;}
.background {background-color:#18ade4;}
.border {border:1px solid #18ade4;}
Shades and Tints of #18ade4
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, #020b0f is the darkest color, while #fcfeff is the lightest one.
-
#020b0f
#020b0f
rgb(2,11,15)
-
#031921
#031921
rgb(3,25,33)
-
#052633
#052633
rgb(5,38,51)
-
#073444
#073444
rgb(7,52,68)
-
#094156
#094156
rgb(9,65,86)
-
#0b4f68
#0b4f68
rgb(11,79,104)
-
#0d5c7a
#0d5c7a
rgb(13,92,122)
-
#0f6a8b
#0f6a8b
rgb(15,106,139)
-
#11779d
#11779d
rgb(17,119,157)
-
#1285af
#1285af
rgb(18,133,175)
-
#1492c1
#1492c1
rgb(20,146,193)
-
#16a0d2
#16a0d2
rgb(22,160,210)
-
#18ade4
#18ade4
rgb(24,173,228)
-
#27b4e8
#27b4e8
rgb(39,180,232)
-
#39baea
#39baea
rgb(57,186,234)
-
#4bc1ec
#4bc1ec
rgb(75,193,236)
-
#5dc7ee
#5dc7ee
rgb(93,199,238)
-
#6ecdf0
#6ecdf0
rgb(110,205,240)
-
#80d3f2
#80d3f2
rgb(128,211,242)
-
#92d9f4
#92d9f4
rgb(146,217,244)
-
#a4dff5
#a4dff5
rgb(164,223,245)
-
#b5e5f7
#b5e5f7
rgb(181,229,247)
-
#c7ecf9
#c7ecf9
rgb(199,236,249)
-
#d9f2fb
#d9f2fb
rgb(217,242,251)
-
#ebf8fd
#ebf8fd
rgb(235,248,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #18ade4
A tone is produced by adding gray to any pure hue. In this case, #798083 is the less saturated color, while #05b6f7 is the most saturated one.
-
#798083
#798083
rgb(121,128,131)
-
#6f858d
#6f858d
rgb(111,133,141)
-
#668996
#668996
rgb(102,137,150)
-
#5c8ea0
#5c8ea0
rgb(92,142,160)
-
#5292aa
#5292aa
rgb(82,146,170)
-
#4897b4
#4897b4
rgb(72,151,180)
-
#3f9bbd
#3f9bbd
rgb(63,155,189)
-
#35a0c7
#35a0c7
rgb(53,160,199)
-
#2ba4d1
#2ba4d1
rgb(43,164,209)
-
#22a9da
#22a9da
rgb(34,169,218)
-
#18ade4
#18ade4
rgb(24,173,228)
-
#0eb1ee
#0eb1ee
rgb(14,177,238)
-
#05b6f7
#05b6f7
rgb(5,182,247)
Color Blindness Simulator
Below, you can see how #18ade4 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.