#18baf9 Color Information
In a RGB color space, hex #18baf9 is composed of 9.4% red, 72.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 25.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 196.8 degrees, a saturation of 94.9% and a lightness of 53.5%. #18baf9 color hex could be obtained by blending #30ffff with #0075f3. Closest websafe color is: #00ccff.
-
- R 9
- G 73
- B 98
-
- C 90
- M 25
- Y 0
- K 2
● #18baf9 color description : Vivid blue.
#18baf9 Color Conversion
The hexadecimal color #18baf9 has RGB values of R:24, G:186, B:249 and CMYK values of C:0.9, M:0.25, Y:0, K:0.02. Its decimal value is 1620729.
Hex triplet | 18baf9 | #18baf9 |
---|---|---|
RGB Decimal | 24, 186, 249 | rgb(24,186,249) |
RGB Percent | 9.4, 72.9, 97.6 | rgb(9.4%,72.9%,97.6%) |
CMYK | 90, 25, 0, 2 | |
HSL | 196.8°, 94.9, 53.5 | hsl(196.8,94.9%,53.5%) |
HSV (or HSB) | 196.8°, 90.4, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 70.973, -16.399, -41.763 |
---|---|
XYZ | 35.03, 42.148, 95.906 |
xyY | 0.202, 0.244, 42.148 |
CIE-LCH | 70.973, 44.867, 248.562 |
CIE-LUV | 70.973, -47.159, -65.616 |
Hunter-Lab | 64.922, -17.299, -42.142 |
Binary | 00011000, 10111010, 11111001 |
Color Schemes with #18baf9
Alternatives to #18baf9
Below, you can see some colors close to #18baf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18baf9 Preview
This text has a font color of #18baf9.
<span style="color:#18baf9;">Text here</span>
This paragraph has a background color of #18baf9.
<p style="background-color:#18baf9;">Content here</p>
This element has a border color of #18baf9.
<div style="border:1px solid #18baf9;">Content here</div>
.text {color:#18baf9;}
.background {background-color:#18baf9;}
.border {border:1px solid #18baf9;}
Shades and Tints of #18baf9
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)
-
#011b25
#011b25
rgb(1,27,37)
-
#012938
#012938
rgb(1,41,56)
-
#02364b
#02364b
rgb(2,54,75)
-
#02445e
#02445e
rgb(2,68,94)
-
#035271
#035271
rgb(3,82,113)
-
#036084
#036084
rgb(3,96,132)
-
#046e97
#046e97
rgb(4,110,151)
-
#047caa
#047caa
rgb(4,124,170)
-
#058abe
#058abe
rgb(5,138,190)
-
#0598d1
#0598d1
rgb(5,152,209)
-
#06a6e4
#06a6e4
rgb(6,166,228)
-
#06b4f7
#06b4f7
rgb(6,180,247)
-
#18baf9
#18baf9
rgb(24,186,249)
-
#2bc0f9
#2bc0f9
rgb(43,192,249)
-
#3ec5fa
#3ec5fa
rgb(62,197,250)
-
#51cbfa
#51cbfa
rgb(81,203,250)
-
#64d1fb
#64d1fb
rgb(100,209,251)
-
#78d7fb
#78d7fb
rgb(120,215,251)
-
#8bdcfc
#8bdcfc
rgb(139,220,252)
-
#9ee2fc
#9ee2fc
rgb(158,226,252)
-
#b1e8fd
#b1e8fd
rgb(177,232,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 #18baf9
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18baf9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8e95
#7c8e95
rgb(124,142,149)
-
#73929e
#73929e
rgb(115,146,158)
-
#6a96a7
#6a96a7
rgb(106,150,167)
-
#619ab0
#619ab0
rgb(97,154,176)
-
#589eb9
#589eb9
rgb(88,158,185)
-
#4fa2c2
#4fa2c2
rgb(79,162,194)
-
#46a6cb
#46a6cb
rgb(70,166,203)
-
#3caad5
#3caad5
rgb(60,170,213)
-
#33aede
#33aede
rgb(51,174,222)
-
#2ab2e7
#2ab2e7
rgb(42,178,231)
-
#21b6f0
#21b6f0
rgb(33,182,240)
-
#18baf9
#18baf9
rgb(24,186,249)
Color Blindness Simulator
Below, you can see how #18baf9 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.