#18b8f9 Color Information
In a RGB color space, hex #18b8f9 is composed of 9.4% red, 72.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 26.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 197.3 degrees, a saturation of 94.9% and a lightness of 53.5%. #18b8f9 color hex could be obtained by blending #30ffff with #0071f3. Closest websafe color is: #00ccff.
-
- R 9
- G 72
- B 98
-
- C 90
- M 26
- Y 0
- K 2
● #18b8f9 color description : Vivid blue.
#18b8f9 Color Conversion
The hexadecimal color #18b8f9 has RGB values of R:24, G:184, B:249 and CMYK values of C:0.9, M:0.26, Y:0, K:0.02. Its decimal value is 1620217.
Hex triplet | 18b8f9 | #18b8f9 |
---|---|---|
RGB Decimal | 24, 184, 249 | rgb(24,184,249) |
RGB Percent | 9.4, 72.2, 97.6 | rgb(9.4%,72.2%,97.6%) |
CMYK | 90, 26, 0, 2 | |
HSL | 197.3°, 94.9, 53.5 | hsl(197.3,94.9%,53.5%) |
HSV (or HSB) | 197.3°, 90.4, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.394, -15.334, -42.669 |
---|---|
XYZ | 34.612, 41.311, 95.767 |
xyY | 0.202, 0.241, 41.311 |
CIE-LCH | 70.394, 45.341, 250.233 |
CIE-LUV | 70.394, -46.491, -67.231 |
Hunter-Lab | 64.274, -16.357, -43.349 |
Binary | 00011000, 10111000, 11111001 |
Color Schemes with #18b8f9
Alternatives to #18b8f9
Below, you can see some colors close to #18b8f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b8f9 Preview
This text has a font color of #18b8f9.
<span style="color:#18b8f9;">Text here</span>
This paragraph has a background color of #18b8f9.
<p style="background-color:#18b8f9;">Content here</p>
This element has a border color of #18b8f9.
<div style="border:1px solid #18b8f9;">Content here</div>
.text {color:#18b8f9;}
.background {background-color:#18b8f9;}
.border {border:1px solid #18b8f9;}
Shades and Tints of #18b8f9
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, #000d12 is the darkest color, while #fdffff is the lightest one.
-
#000d12
#000d12
rgb(0,13,18)
-
#011a25
#011a25
rgb(1,26,37)
-
#012838
#012838
rgb(1,40,56)
-
#02364b
#02364b
rgb(2,54,75)
-
#02445e
#02445e
rgb(2,68,94)
-
#035171
#035171
rgb(3,81,113)
-
#035f84
#035f84
rgb(3,95,132)
-
#046d97
#046d97
rgb(4,109,151)
-
#047baa
#047baa
rgb(4,123,170)
-
#0588be
#0588be
rgb(5,136,190)
-
#0596d1
#0596d1
rgb(5,150,209)
-
#06a4e4
#06a4e4
rgb(6,164,228)
-
#06b1f7
#06b1f7
rgb(6,177,247)
-
#18b8f9
#18b8f9
rgb(24,184,249)
-
#2bbef9
#2bbef9
rgb(43,190,249)
-
#3ec4fa
#3ec4fa
rgb(62,196,250)
-
#51cafa
#51cafa
rgb(81,202,250)
-
#64d0fb
#64d0fb
rgb(100,208,251)
-
#78d5fb
#78d5fb
rgb(120,213,251)
-
#8bdbfc
#8bdbfc
rgb(139,219,252)
-
#9ee1fc
#9ee1fc
rgb(158,225,252)
-
#b1e7fd
#b1e7fd
rgb(177,231,253)
-
#c4edfd
#c4edfd
rgb(196,237,253)
-
#d7f3fe
#d7f3fe
rgb(215,243,254)
-
#eaf9fe
#eaf9fe
rgb(234,249,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #18b8f9
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18b8f9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8e95
#7c8e95
rgb(124,142,149)
-
#73929e
#73929e
rgb(115,146,158)
-
#6a95a7
#6a95a7
rgb(106,149,167)
-
#6199b0
#6199b0
rgb(97,153,176)
-
#589db9
#589db9
rgb(88,157,185)
-
#4fa1c2
#4fa1c2
rgb(79,161,194)
-
#46a5cb
#46a5cb
rgb(70,165,203)
-
#3ca9d5
#3ca9d5
rgb(60,169,213)
-
#33acde
#33acde
rgb(51,172,222)
-
#2ab0e7
#2ab0e7
rgb(42,176,231)
-
#21b4f0
#21b4f0
rgb(33,180,240)
-
#18b8f9
#18b8f9
rgb(24,184,249)
Color Blindness Simulator
Below, you can see how #18b8f9 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.