#18a3e1 Color Information
In a RGB color space, hex #18a3e1 is composed of 9.4% red, 63.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 27.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 198.5 degrees, a saturation of 80.7% and a lightness of 48.8%. #18a3e1 color hex could be obtained by blending #30ffff with #0047c3. Closest websafe color is: #0099cc.
-
- R 9
- G 64
- B 88
-
- C 89
- M 28
- Y 0
- K 12
● #18a3e1 color description : Vivid blue.
#18a3e1 Color Conversion
The hexadecimal color #18a3e1 has RGB values of R:24, G:163, B:225 and CMYK values of C:0.89, M:0.28, Y:0, K:0.12. Its decimal value is 1614817.
Hex triplet | 18a3e1 | #18a3e1 |
---|---|---|
RGB Decimal | 24, 163, 225 | rgb(24,163,225) |
RGB Percent | 9.4, 63.9, 88.2 | rgb(9.4%,63.9%,88.2%) |
CMYK | 89, 28, 0, 12 | |
HSL | 198.5°, 80.7, 48.8 | hsl(198.5,80.7%,48.8%) |
HSV (or HSB) | 198.5°, 89.3, 88.2 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 63.196, -12.429, -40.825 |
---|---|
XYZ | 27.061, 31.822, 75.946 |
xyY | 0.201, 0.236, 31.822 |
CIE-LCH | 63.196, 42.675, 253.067 |
CIE-LUV | 63.196, -41.087, -63.426 |
Hunter-Lab | 56.411, -13.091, -40.334 |
Binary | 00011000, 10100011, 11100001 |
Color Schemes with #18a3e1
Alternatives to #18a3e1
Below, you can see some colors close to #18a3e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a3e1 Preview
This text has a font color of #18a3e1.
<span style="color:#18a3e1;">Text here</span>
This paragraph has a background color of #18a3e1.
<p style="background-color:#18a3e1;">Content here</p>
This element has a border color of #18a3e1.
<div style="border:1px solid #18a3e1;">Content here</div>
.text {color:#18a3e1;}
.background {background-color:#18a3e1;}
.border {border:1px solid #18a3e1;}
Shades and Tints of #18a3e1
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, #01090c is the darkest color, while #fafdfe is the lightest one.
-
#01090c
#01090c
rgb(1,9,12)
-
#03161e
#03161e
rgb(3,22,30)
-
#052330
#052330
rgb(5,35,48)
-
#072f41
#072f41
rgb(7,47,65)
-
#093c53
#093c53
rgb(9,60,83)
-
#0b4965
#0b4965
rgb(11,73,101)
-
#0d5677
#0d5677
rgb(13,86,119)
-
#0f6388
#0f6388
rgb(15,99,136)
-
#10709a
#10709a
rgb(16,112,154)
-
#127cac
#127cac
rgb(18,124,172)
-
#1489be
#1489be
rgb(20,137,190)
-
#1696cf
#1696cf
rgb(22,150,207)
-
#18a3e1
#18a3e1
rgb(24,163,225)
-
#25ace8
#25ace8
rgb(37,172,232)
-
#37b2ea
#37b2ea
rgb(55,178,234)
-
#48b9ec
#48b9ec
rgb(72,185,236)
-
#5ac0ed
#5ac0ed
rgb(90,192,237)
-
#6cc7ef
#6cc7ef
rgb(108,199,239)
-
#7ecef1
#7ecef1
rgb(126,206,241)
-
#8fd4f3
#8fd4f3
rgb(143,212,243)
-
#a1dbf5
#a1dbf5
rgb(161,219,245)
-
#b3e2f7
#b3e2f7
rgb(179,226,247)
-
#c4e9f9
#c4e9f9
rgb(196,233,249)
-
#d6effb
#d6effb
rgb(214,239,251)
-
#e8f6fd
#e8f6fd
rgb(232,246,253)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #18a3e1
A tone is produced by adding gray to any pure hue. In this case, #787e81 is the less saturated color, while #05aaf4 is the most saturated one.
-
#787e81
#787e81
rgb(120,126,129)
-
#6e828b
#6e828b
rgb(110,130,139)
-
#658694
#658694
rgb(101,134,148)
-
#5b899e
#5b899e
rgb(91,137,158)
-
#518da8
#518da8
rgb(81,141,168)
-
#4891b1
#4891b1
rgb(72,145,177)
-
#3e94bb
#3e94bb
rgb(62,148,187)
-
#3598c4
#3598c4
rgb(53,152,196)
-
#2b9cce
#2b9cce
rgb(43,156,206)
-
#229fd7
#229fd7
rgb(34,159,215)
-
#18a3e1
#18a3e1
rgb(24,163,225)
-
#0ea7eb
#0ea7eb
rgb(14,167,235)
-
#05aaf4
#05aaf4
rgb(5,170,244)
Color Blindness Simulator
Below, you can see how #18a3e1 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.