#18b9f0 Color Information
In a RGB color space, hex #18b9f0 is composed of 9.4% red, 72.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 22.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 195.3 degrees, a saturation of 87.8% and a lightness of 51.8%. #18b9f0 color hex could be obtained by blending #30ffff with #0073e1. Closest websafe color is: #00ccff.
-
- R 9
- G 73
- B 94
-
- C 90
- M 23
- Y 0
- K 6
● #18b9f0 color description : Vivid blue.
#18b9f0 Color Conversion
The hexadecimal color #18b9f0 has RGB values of R:24, G:185, B:240 and CMYK values of C:0.9, M:0.23, Y:0, K:0.06. Its decimal value is 1620464.
Hex triplet | 18b9f0 | #18b9f0 |
---|---|---|
RGB Decimal | 24, 185, 240 | rgb(24,185,240) |
RGB Percent | 9.4, 72.5, 94.1 | rgb(9.4%,72.5%,94.1%) |
CMYK | 90, 23, 0, 6 | |
HSL | 195.3°, 87.8, 51.8 | hsl(195.3,87.8%,51.8%) |
HSV (or HSB) | 195.3°, 90, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.302, -18.98, -37.936 |
---|---|
XYZ | 33.45, 41.18, 88.619 |
xyY | 0.205, 0.252, 41.18 |
CIE-LCH | 70.302, 42.419, 243.42 |
CIE-LUV | 70.302, -47.462, -58.649 |
Hunter-Lab | 64.172, -19.257, -36.957 |
Binary | 00011000, 10111001, 11110000 |
Color Schemes with #18b9f0
Alternatives to #18b9f0
Below, you can see some colors close to #18b9f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b9f0 Preview
This text has a font color of #18b9f0.
<span style="color:#18b9f0;">Text here</span>
This paragraph has a background color of #18b9f0.
<p style="background-color:#18b9f0;">Content here</p>
This element has a border color of #18b9f0.
<div style="border:1px solid #18b9f0;">Content here</div>
.text {color:#18b9f0;}
.background {background-color:#18b9f0;}
.border {border:1px solid #18b9f0;}
Shades and Tints of #18b9f0
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, #010608 is the darkest color, while #f5fcfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#02141b
#02141b
rgb(2,20,27)
-
#03232d
#03232d
rgb(3,35,45)
-
#043140
#043140
rgb(4,49,64)
-
#053f52
#053f52
rgb(5,63,82)
-
#074d65
#074d65
rgb(7,77,101)
-
#085b77
#085b77
rgb(8,91,119)
-
#096989
#096989
rgb(9,105,137)
-
#0a779c
#0a779c
rgb(10,119,156)
-
#0b85ae
#0b85ae
rgb(11,133,174)
-
#0d93c1
#0d93c1
rgb(13,147,193)
-
#0ea1d3
#0ea1d3
rgb(14,161,211)
-
#0fafe5
#0fafe5
rgb(15,175,229)
-
#18b9f0
#18b9f0
rgb(24,185,240)
-
#2abff1
#2abff1
rgb(42,191,241)
-
#3dc4f2
#3dc4f2
rgb(61,196,242)
-
#4fcaf4
#4fcaf4
rgb(79,202,244)
-
#62cff5
#62cff5
rgb(98,207,245)
-
#74d5f6
#74d5f6
rgb(116,213,246)
-
#87daf7
#87daf7
rgb(135,218,247)
-
#99e0f8
#99e0f8
rgb(153,224,248)
-
#abe6fa
#abe6fa
rgb(171,230,250)
-
#beebfb
#beebfb
rgb(190,235,251)
-
#d0f1fc
#d0f1fc
rgb(208,241,252)
-
#e3f6fd
#e3f6fd
rgb(227,246,253)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #18b9f0
A tone is produced by adding gray to any pure hue. In this case, #808688 is the less saturated color, while #0fbef9 is the most saturated one.
-
#808688
#808688
rgb(128,134,136)
-
#778b91
#778b91
rgb(119,139,145)
-
#6d8f9b
#6d8f9b
rgb(109,143,155)
-
#6494a4
#6494a4
rgb(100,148,164)
-
#5a98ae
#5a98ae
rgb(90,152,174)
-
#519db7
#519db7
rgb(81,157,183)
-
#47a2c1
#47a2c1
rgb(71,162,193)
-
#3ea6ca
#3ea6ca
rgb(62,166,202)
-
#34abd4
#34abd4
rgb(52,171,212)
-
#2bb0dd
#2bb0dd
rgb(43,176,221)
-
#21b4e7
#21b4e7
rgb(33,180,231)
-
#18b9f0
#18b9f0
rgb(24,185,240)
-
#0fbef9
#0fbef9
rgb(15,190,249)
Color Blindness Simulator
Below, you can see how #18b9f0 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.