#18a6f0 Color Information
In a RGB color space, hex #18a6f0 is composed of 9.4% red, 65.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 30.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 200.6 degrees, a saturation of 87.8% and a lightness of 51.8%. #18a6f0 color hex could be obtained by blending #30ffff with #004de1. Closest websafe color is: #0099ff.
-
- R 9
- G 65
- B 94
-
- C 90
- M 31
- Y 0
- K 6
● #18a6f0 color description : Vivid blue.
#18a6f0 Color Conversion
The hexadecimal color #18a6f0 has RGB values of R:24, G:166, B:240 and CMYK values of C:0.9, M:0.31, Y:0, K:0.06. Its decimal value is 1615600.
Hex triplet | 18a6f0 | #18a6f0 |
---|---|---|
RGB Decimal | 24, 166, 240 | rgb(24,166,240) |
RGB Percent | 9.4, 65.1, 94.1 | rgb(9.4%,65.1%,94.1%) |
CMYK | 90, 31, 0, 6 | |
HSL | 200.6°, 87.8, 51.8 | hsl(200.6,87.8%,51.8%) |
HSV (or HSB) | 200.6°, 90, 94.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 64.768, -8.701, -46.604 |
---|---|
XYZ | 29.737, 33.755, 87.381 |
xyY | 0.197, 0.224, 33.755 |
CIE-LCH | 64.768, 47.409, 259.424 |
CIE-LUV | 64.768, -41.106, -73.874 |
Hunter-Lab | 58.099, -10.311, -48.503 |
Binary | 00011000, 10100110, 11110000 |
Color Schemes with #18a6f0
Alternatives to #18a6f0
Below, you can see some colors close to #18a6f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a6f0 Preview
This text has a font color of #18a6f0.
<span style="color:#18a6f0;">Text here</span>
This paragraph has a background color of #18a6f0.
<p style="background-color:#18a6f0;">Content here</p>
This element has a border color of #18a6f0.
<div style="border:1px solid #18a6f0;">Content here</div>
.text {color:#18a6f0;}
.background {background-color:#18a6f0;}
.border {border:1px solid #18a6f0;}
Shades and Tints of #18a6f0
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 #f5fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#02121b
#02121b
rgb(2,18,27)
-
#031f2d
#031f2d
rgb(3,31,45)
-
#042b40
#042b40
rgb(4,43,64)
-
#053852
#053852
rgb(5,56,82)
-
#074465
#074465
rgb(7,68,101)
-
#085177
#085177
rgb(8,81,119)
-
#095d89
#095d89
rgb(9,93,137)
-
#0a6a9c
#0a6a9c
rgb(10,106,156)
-
#0b76ae
#0b76ae
rgb(11,118,174)
-
#0d83c1
#0d83c1
rgb(13,131,193)
-
#0e8fd3
#0e8fd3
rgb(14,143,211)
-
#0f9ce5
#0f9ce5
rgb(15,156,229)
-
#18a6f0
#18a6f0
rgb(24,166,240)
-
#2aadf1
#2aadf1
rgb(42,173,241)
-
#3db4f2
#3db4f2
rgb(61,180,242)
-
#4fbbf4
#4fbbf4
rgb(79,187,244)
-
#62c2f5
#62c2f5
rgb(98,194,245)
-
#74c9f6
#74c9f6
rgb(116,201,246)
-
#87d1f7
#87d1f7
rgb(135,209,247)
-
#99d8f8
#99d8f8
rgb(153,216,248)
-
#abdffa
#abdffa
rgb(171,223,250)
-
#bee6fb
#bee6fb
rgb(190,230,251)
-
#d0edfc
#d0edfc
rgb(208,237,252)
-
#e3f4fd
#e3f4fd
rgb(227,244,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #18a6f0
A tone is produced by adding gray to any pure hue. In this case, #808588 is the less saturated color, while #0fa9f9 is the most saturated one.
-
#808588
#808588
rgb(128,133,136)
-
#778891
#778891
rgb(119,136,145)
-
#6d8b9b
#6d8b9b
rgb(109,139,155)
-
#648ea4
#648ea4
rgb(100,142,164)
-
#5a91ae
#5a91ae
rgb(90,145,174)
-
#5194b7
#5194b7
rgb(81,148,183)
-
#4797c1
#4797c1
rgb(71,151,193)
-
#3e9aca
#3e9aca
rgb(62,154,202)
-
#349dd4
#349dd4
rgb(52,157,212)
-
#2ba0dd
#2ba0dd
rgb(43,160,221)
-
#21a3e7
#21a3e7
rgb(33,163,231)
-
#18a6f0
#18a6f0
rgb(24,166,240)
-
#0fa9f9
#0fa9f9
rgb(15,169,249)
Color Blindness Simulator
Below, you can see how #18a6f0 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.