#18a5dd Color Information
In a RGB color space, hex #18a5dd is composed of 9.4% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.1 degrees, a saturation of 80.4% and a lightness of 48%. #18a5dd color hex could be obtained by blending #30ffff with #004bbb. Closest websafe color is: #0099cc.
-
- R 9
- G 65
- B 87
-
- C 89
- M 25
- Y 0
- K 13
● #18a5dd color description : Vivid blue.
#18a5dd Color Conversion
The hexadecimal color #18a5dd has RGB values of R:24, G:165, B:221 and CMYK values of C:0.89, M:0.25, Y:0, K:0.13. Its decimal value is 1615325.
Hex triplet | 18a5dd | #18a5dd |
---|---|---|
RGB Decimal | 24, 165, 221 | rgb(24,165,221) |
RGB Percent | 9.4, 64.7, 86.7 | rgb(9.4%,64.7%,86.7%) |
CMYK | 89, 25, 0, 13 | |
HSL | 197.1°, 80.4, 48 | hsl(197.1,80.4%,48%) |
HSV (or HSB) | 197.1°, 89.1, 86.7 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 63.608, -14.945, -37.969 |
---|---|
XYZ | 26.88, 32.322, 73.225 |
xyY | 0.203, 0.244, 32.322 |
CIE-LCH | 63.608, 40.805, 248.515 |
CIE-LUV | 63.608, -42.035, -58.379 |
Hunter-Lab | 56.853, -15.099, -36.567 |
Binary | 00011000, 10100101, 11011101 |
Color Schemes with #18a5dd
Alternatives to #18a5dd
Below, you can see some colors close to #18a5dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a5dd Preview
This text has a font color of #18a5dd.
<span style="color:#18a5dd;">Text here</span>
This paragraph has a background color of #18a5dd.
<p style="background-color:#18a5dd;">Content here</p>
This element has a border color of #18a5dd.
<div style="border:1px solid #18a5dd;">Content here</div>
.text {color:#18a5dd;}
.background {background-color:#18a5dd;}
.border {border:1px solid #18a5dd;}
Shades and Tints of #18a5dd
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, #010609 is the darkest color, while #f6fcfe is the lightest one.
-
#010609
#010609
rgb(1,6,9)
-
#03141a
#03141a
rgb(3,20,26)
-
#05212c
#05212c
rgb(5,33,44)
-
#072e3e
#072e3e
rgb(7,46,62)
-
#093b4f
#093b4f
rgb(9,59,79)
-
#0b4961
#0b4961
rgb(11,73,97)
-
#0c5673
#0c5673
rgb(12,86,115)
-
#0e6385
#0e6385
rgb(14,99,133)
-
#107096
#107096
rgb(16,112,150)
-
#127da8
#127da8
rgb(18,125,168)
-
#148bba
#148bba
rgb(20,139,186)
-
#1698cb
#1698cb
rgb(22,152,203)
-
#18a5dd
#18a5dd
rgb(24,165,221)
-
#22afe7
#22afe7
rgb(34,175,231)
-
#33b5e9
#33b5e9
rgb(51,181,233)
-
#45bceb
#45bceb
rgb(69,188,235)
-
#57c2ed
#57c2ed
rgb(87,194,237)
-
#68c8ef
#68c8ef
rgb(104,200,239)
-
#7acff1
#7acff1
rgb(122,207,241)
-
#8cd5f2
#8cd5f2
rgb(140,213,242)
-
#9edcf4
#9edcf4
rgb(158,220,244)
-
#afe2f6
#afe2f6
rgb(175,226,246)
-
#c1e9f8
#c1e9f8
rgb(193,233,248)
-
#d3effa
#d3effa
rgb(211,239,250)
-
#e4f5fc
#e4f5fc
rgb(228,245,252)
-
#f6fcfe
#f6fcfe
rgb(246,252,254)
Tones of #18a5dd
A tone is produced by adding gray to any pure hue. In this case, #767c7f is the less saturated color, while #05adf0 is the most saturated one.
-
#767c7f
#767c7f
rgb(118,124,127)
-
#6d8088
#6d8088
rgb(109,128,136)
-
#638492
#638492
rgb(99,132,146)
-
#5a899b
#5a899b
rgb(90,137,155)
-
#518da4
#518da4
rgb(81,141,164)
-
#4791ae
#4791ae
rgb(71,145,174)
-
#3e95b7
#3e95b7
rgb(62,149,183)
-
#3499c1
#3499c1
rgb(52,153,193)
-
#2b9dca
#2b9dca
rgb(43,157,202)
-
#21a1d4
#21a1d4
rgb(33,161,212)
-
#18a5dd
#18a5dd
rgb(24,165,221)
-
#0fa9e6
#0fa9e6
rgb(15,169,230)
-
#05adf0
#05adf0
rgb(5,173,240)
Color Blindness Simulator
Below, you can see how #18a5dd 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.