#18b6f9 Color Information
In a RGB color space, hex #18b6f9 is composed of 9.4% red, 71.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 26.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 197.9 degrees, a saturation of 94.9% and a lightness of 53.5%. #18b6f9 color hex could be obtained by blending #30ffff with #006df3. Closest websafe color is: #00ccff.
-
- R 9
- G 71
- B 98
-
- C 90
- M 27
- Y 0
- K 2
● #18b6f9 color description : Vivid blue.
#18b6f9 Color Conversion
The hexadecimal color #18b6f9 has RGB values of R:24, G:182, B:249 and CMYK values of C:0.9, M:0.27, Y:0, K:0.02. Its decimal value is 1619705.
Hex triplet | 18b6f9 | #18b6f9 |
---|---|---|
RGB Decimal | 24, 182, 249 | rgb(24,182,249) |
RGB Percent | 9.4, 71.4, 97.6 | rgb(9.4%,71.4%,97.6%) |
CMYK | 90, 27, 0, 2 | |
HSL | 197.9°, 94.9, 53.5 | hsl(197.9,94.9%,53.5%) |
HSV (or HSB) | 197.9°, 90.4, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.815, -14.263, -43.576 |
---|---|
XYZ | 34.199, 40.486, 95.629 |
xyY | 0.201, 0.238, 40.486 |
CIE-LCH | 69.815, 45.85, 251.876 |
CIE-LUV | 69.815, -45.825, -68.841 |
Hunter-Lab | 63.629, -15.411, -44.568 |
Binary | 00011000, 10110110, 11111001 |
Color Schemes with #18b6f9
Alternatives to #18b6f9
Below, you can see some colors close to #18b6f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b6f9 Preview
This text has a font color of #18b6f9.
<span style="color:#18b6f9;">Text here</span>
This paragraph has a background color of #18b6f9.
<p style="background-color:#18b6f9;">Content here</p>
This element has a border color of #18b6f9.
<div style="border:1px solid #18b6f9;">Content here</div>
.text {color:#18b6f9;}
.background {background-color:#18b6f9;}
.border {border:1px solid #18b6f9;}
Shades and Tints of #18b6f9
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 #fdffff is the lightest one.
-
#000c12
#000c12
rgb(0,12,18)
-
#011a25
#011a25
rgb(1,26,37)
-
#012838
#012838
rgb(1,40,56)
-
#02354b
#02354b
rgb(2,53,75)
-
#02435e
#02435e
rgb(2,67,94)
-
#035071
#035071
rgb(3,80,113)
-
#035e84
#035e84
rgb(3,94,132)
-
#046b97
#046b97
rgb(4,107,151)
-
#0479aa
#0479aa
rgb(4,121,170)
-
#0587be
#0587be
rgb(5,135,190)
-
#0594d1
#0594d1
rgb(5,148,209)
-
#06a2e4
#06a2e4
rgb(6,162,228)
-
#06aff7
#06aff7
rgb(6,175,247)
-
#18b6f9
#18b6f9
rgb(24,182,249)
-
#2bbcf9
#2bbcf9
rgb(43,188,249)
-
#3ec2fa
#3ec2fa
rgb(62,194,250)
-
#51c8fa
#51c8fa
rgb(81,200,250)
-
#64cefb
#64cefb
rgb(100,206,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)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #18b6f9
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18b6f9 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)
-
#6199b0
#6199b0
rgb(97,153,176)
-
#589cb9
#589cb9
rgb(88,156,185)
-
#4fa0c2
#4fa0c2
rgb(79,160,194)
-
#46a4cb
#46a4cb
rgb(70,164,203)
-
#3ca7d5
#3ca7d5
rgb(60,167,213)
-
#33abde
#33abde
rgb(51,171,222)
-
#2aafe7
#2aafe7
rgb(42,175,231)
-
#21b2f0
#21b2f0
rgb(33,178,240)
-
#18b6f9
#18b6f9
rgb(24,182,249)
Color Blindness Simulator
Below, you can see how #18b6f9 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.