#18a5f9 Color Information
In a RGB color space, hex #18a5f9 is composed of 9.4% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 202.4 degrees, a saturation of 94.9% and a lightness of 53.5%. #18a5f9 color hex could be obtained by blending #30ffff with #004bf3. Closest websafe color is: #0099ff.
-
- R 9
- G 65
- B 98
-
- C 90
- M 34
- Y 0
- K 2
● #18a5f9 color description : Vivid blue.
#18a5f9 Color Conversion
The hexadecimal color #18a5f9 has RGB values of R:24, G:165, B:249 and CMYK values of C:0.9, M:0.34, Y:0, K:0.02. Its decimal value is 1615353.
Hex triplet | 18a5f9 | #18a5f9 |
---|---|---|
RGB Decimal | 24, 165, 249 | rgb(24,165,249) |
RGB Percent | 9.4, 64.7, 97.6 | rgb(9.4%,64.7%,97.6%) |
CMYK | 90, 34, 0, 2 | |
HSL | 202.4°, 94.9, 53.5 | hsl(202.4,94.9%,53.5%) |
HSV (or HSB) | 202.4°, 90.4, 97.6 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.916, -4.873, -51.291 |
---|---|
XYZ | 30.927, 33.941, 94.539 |
xyY | 0.194, 0.213, 33.941 |
CIE-LCH | 64.916, 51.522, 264.572 |
CIE-LUV | 64.916, -40.211, -82.253 |
Hunter-Lab | 58.259, -7.197, -55.43 |
Binary | 00011000, 10100101, 11111001 |
Color Schemes with #18a5f9
Alternatives to #18a5f9
Below, you can see some colors close to #18a5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a5f9 Preview
This text has a font color of #18a5f9.
<span style="color:#18a5f9;">Text here</span>
This paragraph has a background color of #18a5f9.
<p style="background-color:#18a5f9;">Content here</p>
This element has a border color of #18a5f9.
<div style="border:1px solid #18a5f9;">Content here</div>
.text {color:#18a5f9;}
.background {background-color:#18a5f9;}
.border {border:1px solid #18a5f9;}
Shades and Tints of #18a5f9
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, #000b12 is the darkest color, while #fdfeff is the lightest one.
-
#000b12
#000b12
rgb(0,11,18)
-
#011725
#011725
rgb(1,23,37)
-
#012338
#012338
rgb(1,35,56)
-
#02304b
#02304b
rgb(2,48,75)
-
#023c5e
#023c5e
rgb(2,60,94)
-
#034871
#034871
rgb(3,72,113)
-
#035484
#035484
rgb(3,84,132)
-
#046097
#046097
rgb(4,96,151)
-
#046caa
#046caa
rgb(4,108,170)
-
#0579be
#0579be
rgb(5,121,190)
-
#0585d1
#0585d1
rgb(5,133,209)
-
#0691e4
#0691e4
rgb(6,145,228)
-
#069df7
#069df7
rgb(6,157,247)
-
#18a5f9
#18a5f9
rgb(24,165,249)
-
#2bacf9
#2bacf9
rgb(43,172,249)
-
#3eb4fa
#3eb4fa
rgb(62,180,250)
-
#51bbfa
#51bbfa
rgb(81,187,250)
-
#64c3fb
#64c3fb
rgb(100,195,251)
-
#78cafb
#78cafb
rgb(120,202,251)
-
#8bd2fc
#8bd2fc
rgb(139,210,252)
-
#9ed9fc
#9ed9fc
rgb(158,217,252)
-
#b1e1fd
#b1e1fd
rgb(177,225,253)
-
#c4e8fd
#c4e8fd
rgb(196,232,253)
-
#d7effe
#d7effe
rgb(215,239,254)
-
#eaf7fe
#eaf7fe
rgb(234,247,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #18a5f9
A tone is produced by adding gray to any pure hue. In this case, #85898c is the less saturated color, while #18a5f9 is the most saturated one.
-
#85898c
#85898c
rgb(133,137,140)
-
#7c8c95
#7c8c95
rgb(124,140,149)
-
#738e9e
#738e9e
rgb(115,142,158)
-
#6a90a7
#6a90a7
rgb(106,144,167)
-
#6193b0
#6193b0
rgb(97,147,176)
-
#5895b9
#5895b9
rgb(88,149,185)
-
#4f97c2
#4f97c2
rgb(79,151,194)
-
#4699cb
#4699cb
rgb(70,153,203)
-
#3c9cd5
#3c9cd5
rgb(60,156,213)
-
#339ede
#339ede
rgb(51,158,222)
-
#2aa0e7
#2aa0e7
rgb(42,160,231)
-
#21a3f0
#21a3f0
rgb(33,163,240)
-
#18a5f9
#18a5f9
rgb(24,165,249)
Color Blindness Simulator
Below, you can see how #18a5f9 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.