#18a5e0 Color Information
In a RGB color space, hex #18a5e0 is composed of 9.4% red, 64.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 26.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 197.7 degrees, a saturation of 80.6% and a lightness of 48.6%. #18a5e0 color hex could be obtained by blending #30ffff with #004bc1. Closest websafe color is: #0099cc.
-
- R 9
- G 65
- B 88
-
- C 89
- M 26
- Y 0
- K 12
● #18a5e0 color description : Vivid blue.
#18a5e0 Color Conversion
The hexadecimal color #18a5e0 has RGB values of R:24, G:165, B:224 and CMYK values of C:0.89, M:0.26, Y:0, K:0.12. Its decimal value is 1615328.
Hex triplet | 18a5e0 | #18a5e0 |
---|---|---|
RGB Decimal | 24, 165, 224 | rgb(24,165,224) |
RGB Percent | 9.4, 64.7, 87.8 | rgb(9.4%,64.7%,87.8%) |
CMYK | 89, 26, 0, 12 | |
HSL | 197.7°, 80.6, 48.6 | hsl(197.7,80.6%,48.6%) |
HSV (or HSB) | 197.7°, 89.3, 87.8 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 63.741, -13.882, -39.419 |
---|---|
XYZ | 27.283, 32.484, 75.349 |
xyY | 0.202, 0.24, 32.484 |
CIE-LCH | 63.741, 41.792, 250.6 |
CIE-LUV | 63.741, -41.83, -60.968 |
Hunter-Lab | 56.994, -14.293, -38.488 |
Binary | 00011000, 10100101, 11100000 |
Color Schemes with #18a5e0
Alternatives to #18a5e0
Below, you can see some colors close to #18a5e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a5e0 Preview
This text has a font color of #18a5e0.
<span style="color:#18a5e0;">Text here</span>
This paragraph has a background color of #18a5e0.
<p style="background-color:#18a5e0;">Content here</p>
This element has a border color of #18a5e0.
<div style="border:1px solid #18a5e0;">Content here</div>
.text {color:#18a5e0;}
.background {background-color:#18a5e0;}
.border {border:1px solid #18a5e0;}
Shades and Tints of #18a5e0
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, #01080b is the darkest color, while #f9fdfe is the lightest one.
-
#01080b
#01080b
rgb(1,8,11)
-
#03151d
#03151d
rgb(3,21,29)
-
#05222f
#05222f
rgb(5,34,47)
-
#073041
#073041
rgb(7,48,65)
-
#093d52
#093d52
rgb(9,61,82)
-
#0b4a64
#0b4a64
rgb(11,74,100)
-
#0d5776
#0d5776
rgb(13,87,118)
-
#0f6487
#0f6487
rgb(15,100,135)
-
#107199
#107199
rgb(16,113,153)
-
#127eab
#127eab
rgb(18,126,171)
-
#148bbd
#148bbd
rgb(20,139,189)
-
#1698ce
#1698ce
rgb(22,152,206)
-
#18a5e0
#18a5e0
rgb(24,165,224)
-
#24aee8
#24aee8
rgb(36,174,232)
-
#36b4e9
#36b4e9
rgb(54,180,233)
-
#48bbeb
#48bbeb
rgb(72,187,235)
-
#59c2ed
#59c2ed
rgb(89,194,237)
-
#6bc8ef
#6bc8ef
rgb(107,200,239)
-
#7dcff1
#7dcff1
rgb(125,207,241)
-
#8ed5f3
#8ed5f3
rgb(142,213,243)
-
#a0dcf5
#a0dcf5
rgb(160,220,245)
-
#b2e2f7
#b2e2f7
rgb(178,226,247)
-
#c4e9f9
#c4e9f9
rgb(196,233,249)
-
#d5f0fb
#d5f0fb
rgb(213,240,251)
-
#e7f6fc
#e7f6fc
rgb(231,246,252)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #18a5e0
A tone is produced by adding gray to any pure hue. In this case, #777e81 is the less saturated color, while #05adf3 is the most saturated one.
-
#777e81
#777e81
rgb(119,126,129)
-
#6e828a
#6e828a
rgb(110,130,138)
-
#648694
#648694
rgb(100,134,148)
-
#5b8a9d
#5b8a9d
rgb(91,138,157)
-
#518ea7
#518ea7
rgb(81,142,167)
-
#4891b0
#4891b0
rgb(72,145,176)
-
#3e95ba
#3e95ba
rgb(62,149,186)
-
#3599c3
#3599c3
rgb(53,153,195)
-
#2b9dcd
#2b9dcd
rgb(43,157,205)
-
#22a1d6
#22a1d6
rgb(34,161,214)
-
#18a5e0
#18a5e0
rgb(24,165,224)
-
#0ea9ea
#0ea9ea
rgb(14,169,234)
-
#05adf3
#05adf3
rgb(5,173,243)
Color Blindness Simulator
Below, you can see how #18a5e0 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.