#18b5f9 Color Information
In a RGB color space, hex #18b5f9 is composed of 9.4% red, 71% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 27.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 198.1 degrees, a saturation of 94.9% and a lightness of 53.5%. #18b5f9 color hex could be obtained by blending #30ffff with #006bf3. Closest websafe color is: #00ccff.
-
- R 9
- G 71
- B 98
-
- C 90
- M 27
- Y 0
- K 2
● #18b5f9 color description : Vivid blue.
#18b5f9 Color Conversion
The hexadecimal color #18b5f9 has RGB values of R:24, G:181, B:249 and CMYK values of C:0.9, M:0.27, Y:0, K:0.02. Its decimal value is 1619449.
Hex triplet | 18b5f9 | #18b5f9 |
---|---|---|
RGB Decimal | 24, 181, 249 | rgb(24,181,249) |
RGB Percent | 9.4, 71, 97.6 | rgb(9.4%,71%,97.6%) |
CMYK | 90, 27, 0, 2 | |
HSL | 198.1°, 94.9, 53.5 | hsl(198.1,94.9%,53.5%) |
HSV (or HSB) | 198.1°, 90.4, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.525, -13.724, -44.029 |
---|---|
XYZ | 33.995, 40.078, 95.561 |
xyY | 0.2, 0.236, 40.078 |
CIE-LCH | 69.525, 46.118, 252.687 |
CIE-LUV | 69.525, -45.492, -69.644 |
Hunter-Lab | 63.307, -14.936, -45.182 |
Binary | 00011000, 10110101, 11111001 |
Color Schemes with #18b5f9
Alternatives to #18b5f9
Below, you can see some colors close to #18b5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b5f9 Preview
This text has a font color of #18b5f9.
<span style="color:#18b5f9;">Text here</span>
This paragraph has a background color of #18b5f9.
<p style="background-color:#18b5f9;">Content here</p>
This element has a border color of #18b5f9.
<div style="border:1px solid #18b5f9;">Content here</div>
.text {color:#18b5f9;}
.background {background-color:#18b5f9;}
.border {border:1px solid #18b5f9;}
Shades and Tints of #18b5f9
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, #000c12 is the darkest color, while #fdfeff is the lightest one.
-
#000c12
#000c12
rgb(0,12,18)
-
#011a25
#011a25
rgb(1,26,37)
-
#012738
#012738
rgb(1,39,56)
-
#02354b
#02354b
rgb(2,53,75)
-
#02425e
#02425e
rgb(2,66,94)
-
#035071
#035071
rgb(3,80,113)
-
#035d84
#035d84
rgb(3,93,132)
-
#046b97
#046b97
rgb(4,107,151)
-
#0478aa
#0478aa
rgb(4,120,170)
-
#0586be
#0586be
rgb(5,134,190)
-
#0593d1
#0593d1
rgb(5,147,209)
-
#06a1e4
#06a1e4
rgb(6,161,228)
-
#06aef7
#06aef7
rgb(6,174,247)
-
#18b5f9
#18b5f9
rgb(24,181,249)
-
#2bbbf9
#2bbbf9
rgb(43,187,249)
-
#3ec1fa
#3ec1fa
rgb(62,193,250)
-
#51c7fa
#51c7fa
rgb(81,199,250)
-
#64cdfb
#64cdfb
rgb(100,205,251)
-
#78d4fb
#78d4fb
rgb(120,212,251)
-
#8bdafc
#8bdafc
rgb(139,218,252)
-
#9ee0fc
#9ee0fc
rgb(158,224,252)
-
#b1e6fd
#b1e6fd
rgb(177,230,253)
-
#c4ecfd
#c4ecfd
rgb(196,236,253)
-
#d7f2fe
#d7f2fe
rgb(215,242,254)
-
#eaf8fe
#eaf8fe
rgb(234,248,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #18b5f9
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18b5f9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8d95
#7c8d95
rgb(124,141,149)
-
#73919e
#73919e
rgb(115,145,158)
-
#6a95a7
#6a95a7
rgb(106,149,167)
-
#6198b0
#6198b0
rgb(97,152,176)
-
#589cb9
#589cb9
rgb(88,156,185)
-
#4f9fc2
#4f9fc2
rgb(79,159,194)
-
#46a3cb
#46a3cb
rgb(70,163,203)
-
#3ca7d5
#3ca7d5
rgb(60,167,213)
-
#33aade
#33aade
rgb(51,170,222)
-
#2aaee7
#2aaee7
rgb(42,174,231)
-
#21b1f0
#21b1f0
rgb(33,177,240)
-
#18b5f9
#18b5f9
rgb(24,181,249)
Color Blindness Simulator
Below, you can see how #18b5f9 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.