#18a3f0 Color Information
In a RGB color space, hex #18a3f0 is composed of 9.4% red, 63.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 32.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 201.4 degrees, a saturation of 87.8% and a lightness of 51.8%. #18a3f0 color hex could be obtained by blending #30ffff with #0047e1. Closest websafe color is: #0099ff.
-
- R 9
- G 64
- B 94
-
- C 90
- M 32
- Y 0
- K 6
● #18a3f0 color description : Vivid blue.
#18a3f0 Color Conversion
The hexadecimal color #18a3f0 has RGB values of R:24, G:163, B:240 and CMYK values of C:0.9, M:0.32, Y:0, K:0.06. Its decimal value is 1614832.
Hex triplet | 18a3f0 | #18a3f0 |
---|---|---|
RGB Decimal | 24, 163, 240 | rgb(24,163,240) |
RGB Percent | 9.4, 63.9, 94.1 | rgb(9.4%,63.9%,94.1%) |
CMYK | 90, 32, 0, 6 | |
HSL | 201.4°, 87.8, 51.8 | hsl(201.4,87.8%,51.8%) |
HSV (or HSB) | 201.4°, 90, 94.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 63.899, -7.018, -47.975 |
---|---|
XYZ | 29.198, 32.677, 87.202 |
xyY | 0.196, 0.219, 32.677 |
CIE-LCH | 63.899, 48.486, 261.677 |
CIE-LUV | 63.899, -40.113, -76.22 |
Hunter-Lab | 57.164, -8.863, -50.43 |
Binary | 00011000, 10100011, 11110000 |
Color Schemes with #18a3f0
Alternatives to #18a3f0
Below, you can see some colors close to #18a3f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a3f0 Preview
This text has a font color of #18a3f0.
<span style="color:#18a3f0;">Text here</span>
This paragraph has a background color of #18a3f0.
<p style="background-color:#18a3f0;">Content here</p>
This element has a border color of #18a3f0.
<div style="border:1px solid #18a3f0;">Content here</div>
.text {color:#18a3f0;}
.background {background-color:#18a3f0;}
.border {border:1px solid #18a3f0;}
Shades and Tints of #18a3f0
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)
-
#031e2d
#031e2d
rgb(3,30,45)
-
#042a40
#042a40
rgb(4,42,64)
-
#053752
#053752
rgb(5,55,82)
-
#074365
#074365
rgb(7,67,101)
-
#084f77
#084f77
rgb(8,79,119)
-
#095c89
#095c89
rgb(9,92,137)
-
#0a689c
#0a689c
rgb(10,104,156)
-
#0b74ae
#0b74ae
rgb(11,116,174)
-
#0d80c1
#0d80c1
rgb(13,128,193)
-
#0e8dd3
#0e8dd3
rgb(14,141,211)
-
#0f99e5
#0f99e5
rgb(15,153,229)
-
#18a3f0
#18a3f0
rgb(24,163,240)
-
#2aaaf1
#2aaaf1
rgb(42,170,241)
-
#3db2f2
#3db2f2
rgb(61,178,242)
-
#4fb9f4
#4fb9f4
rgb(79,185,244)
-
#62c0f5
#62c0f5
rgb(98,192,245)
-
#74c8f6
#74c8f6
rgb(116,200,246)
-
#87cff7
#87cff7
rgb(135,207,247)
-
#99d6f8
#99d6f8
rgb(153,214,248)
-
#abdefa
#abdefa
rgb(171,222,250)
-
#bee5fb
#bee5fb
rgb(190,229,251)
-
#d0ecfc
#d0ecfc
rgb(208,236,252)
-
#e3f4fd
#e3f4fd
rgb(227,244,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #18a3f0
A tone is produced by adding gray to any pure hue. In this case, #808588 is the less saturated color, while #0fa6f9 is the most saturated one.
-
#808588
#808588
rgb(128,133,136)
-
#778891
#778891
rgb(119,136,145)
-
#6d8b9b
#6d8b9b
rgb(109,139,155)
-
#648da4
#648da4
rgb(100,141,164)
-
#5a90ae
#5a90ae
rgb(90,144,174)
-
#5193b7
#5193b7
rgb(81,147,183)
-
#4795c1
#4795c1
rgb(71,149,193)
-
#3e98ca
#3e98ca
rgb(62,152,202)
-
#349bd4
#349bd4
rgb(52,155,212)
-
#2b9edd
#2b9edd
rgb(43,158,221)
-
#21a0e7
#21a0e7
rgb(33,160,231)
-
#18a3f0
#18a3f0
rgb(24,163,240)
-
#0fa6f9
#0fa6f9
rgb(15,166,249)
Color Blindness Simulator
Below, you can see how #18a3f0 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.