#18bfff Color Information
In a RGB color space, hex #18bfff is composed of 9.4% red, 74.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 25.1% magenta, 0% yellow and 0% black. It has a hue angle of 196.6 degrees, a saturation of 100% and a lightness of 54.7%. #18bfff color hex could be obtained by blending #30ffff with #007fff. Closest websafe color is: #00ccff.
-
- R 9
- G 75
- B 100
-
- C 91
- M 25
- Y 0
- K 0
● #18bfff color description : Vivid blue.
#18bfff Color Conversion
The hexadecimal color #18bfff has RGB values of R:24, G:191, B:255 and CMYK values of C:0.91, M:0.25, Y:0, K:0. Its decimal value is 1622015.
Hex triplet | 18bfff | #18bfff |
---|---|---|
RGB Decimal | 24, 191, 255 | rgb(24,191,255) |
RGB Percent | 9.4, 74.9, 100 | rgb(9.4%,74.9%,100%) |
CMYK | 91, 25, 0, 0 | |
HSL | 196.6°, 100, 54.7 | hsl(196.6,100%,54.7%) |
HSV (or HSB) | 196.6°, 90.6, 100 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 72.676, -16.966, -42.338 |
---|---|
XYZ | 37.053, 44.672, 101.272 |
xyY | 0.202, 0.244, 44.672 |
CIE-LCH | 72.676, 45.611, 248.163 |
CIE-LUV | 72.676, -48.405, -66.741 |
Hunter-Lab | 66.837, -18.01, -43.05 |
Binary | 00011000, 10111111, 11111111 |
Color Schemes with #18bfff
Alternatives to #18bfff
Below, you can see some colors close to #18bfff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18bfff Preview
This text has a font color of #18bfff.
<span style="color:#18bfff;">Text here</span>
This paragraph has a background color of #18bfff.
<p style="background-color:#18bfff;">Content here</p>
This element has a border color of #18bfff.
<div style="border:1px solid #18bfff;">Content here</div>
.text {color:#18bfff;}
.background {background-color:#18bfff;}
.border {border:1px solid #18bfff;}
Shades and Tints of #18bfff
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, #000304 is the darkest color, while #f0fbff is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#001118
#001118
rgb(0,17,24)
-
#00202c
#00202c
rgb(0,32,44)
-
#002e3f
#002e3f
rgb(0,46,63)
-
#003c53
#003c53
rgb(0,60,83)
-
#004a66
#004a66
rgb(0,74,102)
-
#00587a
#00587a
rgb(0,88,122)
-
#00668e
#00668e
rgb(0,102,142)
-
#0075a1
#0075a1
rgb(0,117,161)
-
#0083b5
#0083b5
rgb(0,131,181)
-
#0091c9
#0091c9
rgb(0,145,201)
-
#009fdc
#009fdc
rgb(0,159,220)
-
#00adf0
#00adf0
rgb(0,173,240)
-
#04baff
#04baff
rgb(4,186,255)
-
#18bfff
#18bfff
rgb(24,191,255)
-
#2cc4ff
#2cc4ff
rgb(44,196,255)
-
#3fcaff
#3fcaff
rgb(63,202,255)
-
#53cfff
#53cfff
rgb(83,207,255)
-
#66d5ff
#66d5ff
rgb(102,213,255)
-
#7adaff
#7adaff
rgb(122,218,255)
-
#8ee0ff
#8ee0ff
rgb(142,224,255)
-
#a1e5ff
#a1e5ff
rgb(161,229,255)
-
#b5eaff
#b5eaff
rgb(181,234,255)
-
#c9f0ff
#c9f0ff
rgb(201,240,255)
-
#dcf5ff
#dcf5ff
rgb(220,245,255)
-
#f0fbff
#f0fbff
rgb(240,251,255)
Tones of #18bfff
A tone is produced by adding gray to any pure hue. In this case, #838f94 is the less saturated color, while #18bfff is the most saturated one.
-
#838f94
#838f94
rgb(131,143,148)
-
#7a939d
#7a939d
rgb(122,147,157)
-
#7197a6
#7197a6
rgb(113,151,166)
-
#689baf
#689baf
rgb(104,155,175)
-
#5f9fb8
#5f9fb8
rgb(95,159,184)
-
#56a3c1
#56a3c1
rgb(86,163,193)
-
#4da7ca
#4da7ca
rgb(77,167,202)
-
#44abd3
#44abd3
rgb(68,171,211)
-
#3cafdb
#3cafdb
rgb(60,175,219)
-
#33b3e4
#33b3e4
rgb(51,179,228)
-
#2ab7ed
#2ab7ed
rgb(42,183,237)
-
#21bbf6
#21bbf6
rgb(33,187,246)
-
#18bfff
#18bfff
rgb(24,191,255)
Color Blindness Simulator
Below, you can see how #18bfff 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.