#18b6f8 Color Information
In a RGB color space, hex #18b6f8 is composed of 9.4% red, 71.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 26.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 197.7 degrees, a saturation of 94.1% and a lightness of 53.3%. #18b6f8 color hex could be obtained by blending #30ffff with #006df1. Closest websafe color is: #00ccff.
-
- R 9
- G 71
- B 97
-
- C 90
- M 27
- Y 0
- K 3
● #18b6f8 color description : Vivid blue.
#18b6f8 Color Conversion
The hexadecimal color #18b6f8 has RGB values of R:24, G:182, B:248 and CMYK values of C:0.9, M:0.27, Y:0, K:0.03. Its decimal value is 1619704.
Hex triplet | 18b6f8 | #18b6f8 |
---|---|---|
RGB Decimal | 24, 182, 248 | rgb(24,182,248) |
RGB Percent | 9.4, 71.4, 97.3 | rgb(9.4%,71.4%,97.3%) |
CMYK | 90, 27, 0, 3 | |
HSL | 197.7°, 94.1, 53.3 | hsl(197.7,94.1%,53.3%) |
HSV (or HSB) | 197.7°, 90.3, 97.3 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.771, -14.613, -43.103 |
---|---|
XYZ | 34.044, 40.424, 94.81 |
xyY | 0.201, 0.239, 40.424 |
CIE-LCH | 69.771, 45.513, 251.272 |
CIE-LUV | 69.771, -45.893, -67.982 |
Hunter-Lab | 63.58, -15.688, -43.907 |
Binary | 00011000, 10110110, 11111000 |
Color Schemes with #18b6f8
Alternatives to #18b6f8
Below, you can see some colors close to #18b6f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b6f8 Preview
This text has a font color of #18b6f8.
<span style="color:#18b6f8;">Text here</span>
This paragraph has a background color of #18b6f8.
<p style="background-color:#18b6f8;">Content here</p>
This element has a border color of #18b6f8.
<div style="border:1px solid #18b6f8;">Content here</div>
.text {color:#18b6f8;}
.background {background-color:#18b6f8;}
.border {border:1px solid #18b6f8;}
Shades and Tints of #18b6f8
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, #000c11 is the darkest color, while #fcfeff is the lightest one.
-
#000c11
#000c11
rgb(0,12,17)
-
#011924
#011924
rgb(1,25,36)
-
#022737
#022737
rgb(2,39,55)
-
#02354a
#02354a
rgb(2,53,74)
-
#03425d
#03425d
rgb(3,66,93)
-
#035070
#035070
rgb(3,80,112)
-
#045d83
#045d83
rgb(4,93,131)
-
#056b96
#056b96
rgb(5,107,150)
-
#0579a9
#0579a9
rgb(5,121,169)
-
#0686bc
#0686bc
rgb(6,134,188)
-
#0694cf
#0694cf
rgb(6,148,207)
-
#07a1e2
#07a1e2
rgb(7,161,226)
-
#07aff5
#07aff5
rgb(7,175,245)
-
#18b6f8
#18b6f8
rgb(24,182,248)
-
#2bbcf9
#2bbcf9
rgb(43,188,249)
-
#3ec2f9
#3ec2f9
rgb(62,194,249)
-
#51c8fa
#51c8fa
rgb(81,200,250)
-
#64cefa
#64cefa
rgb(100,206,250)
-
#77d4fb
#77d4fb
rgb(119,212,251)
-
#8adafb
#8adafb
rgb(138,218,251)
-
#9de0fc
#9de0fc
rgb(157,224,252)
-
#b0e6fd
#b0e6fd
rgb(176,230,253)
-
#c3ecfd
#c3ecfd
rgb(195,236,253)
-
#d6f2fe
#d6f2fe
rgb(214,242,254)
-
#e9f8fe
#e9f8fe
rgb(233,248,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #18b6f8
A tone is produced by adding gray to any pure hue. In this case, #86898a is the less saturated color, while #18b6f8 is the most saturated one.
-
#86898a
#86898a
rgb(134,137,138)
-
#7d8d93
#7d8d93
rgb(125,141,147)
-
#74909c
#74909c
rgb(116,144,156)
-
#6a94a6
#6a94a6
rgb(106,148,166)
-
#6198af
#6198af
rgb(97,152,175)
-
#589cb8
#589cb8
rgb(88,156,184)
-
#4f9fc1
#4f9fc1
rgb(79,159,193)
-
#46a3ca
#46a3ca
rgb(70,163,202)
-
#3da7d3
#3da7d3
rgb(61,167,211)
-
#33abdd
#33abdd
rgb(51,171,221)
-
#2aaee6
#2aaee6
rgb(42,174,230)
-
#21b2ef
#21b2ef
rgb(33,178,239)
-
#18b6f8
#18b6f8
rgb(24,182,248)
Color Blindness Simulator
Below, you can see how #18b6f8 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.