#18c2fd Color Information
In a RGB color space, hex #18c2fd is composed of 9.4% red, 76.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 23.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.5 degrees, a saturation of 98.3% and a lightness of 54.3%. #18c2fd color hex could be obtained by blending #30ffff with #0085fb. Closest websafe color is: #00ccff.
-
- R 9
- G 76
- B 99
-
- C 91
- M 23
- Y 0
- K 1
● #18c2fd color description : Vivid blue.
#18c2fd Color Conversion
The hexadecimal color #18c2fd has RGB values of R:24, G:194, B:253 and CMYK values of C:0.91, M:0.23, Y:0, K:0.01. Its decimal value is 1622781.
Hex triplet | 18c2fd | #18c2fd |
---|---|---|
RGB Decimal | 24, 194, 253 | rgb(24,194,253) |
RGB Percent | 9.4, 76.1, 99.2 | rgb(9.4%,76.1%,99.2%) |
CMYK | 91, 23, 0, 1 | |
HSL | 195.5°, 98.3, 54.3 | hsl(195.5,98.3%,54.3%) |
HSV (or HSB) | 195.5°, 90.5, 99.2 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 73.458, -19.225, -40.041 |
---|---|
XYZ | 37.393, 45.866, 99.805 |
xyY | 0.204, 0.251, 45.866 |
CIE-LCH | 73.458, 44.417, 244.353 |
CIE-LUV | 73.458, -49.549, -62.58 |
Hunter-Lab | 67.724, -19.961, -39.968 |
Binary | 00011000, 11000010, 11111101 |
Color Schemes with #18c2fd
Alternatives to #18c2fd
Below, you can see some colors close to #18c2fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18c2fd Preview
This text has a font color of #18c2fd.
<span style="color:#18c2fd;">Text here</span>
This paragraph has a background color of #18c2fd.
<p style="background-color:#18c2fd;">Content here</p>
This element has a border color of #18c2fd.
<div style="border:1px solid #18c2fd;">Content here</div>
.text {color:#18c2fd;}
.background {background-color:#18c2fd;}
.border {border:1px solid #18c2fd;}
Shades and Tints of #18c2fd
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, #000202 is the darkest color, while #eefaff is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#001016
#001016
rgb(0,16,22)
-
#001f29
#001f29
rgb(0,31,41)
-
#012d3d
#012d3d
rgb(1,45,61)
-
#013c50
#013c50
rgb(1,60,80)
-
#014a64
#014a64
rgb(1,74,100)
-
#015977
#015977
rgb(1,89,119)
-
#01678a
#01678a
rgb(1,103,138)
-
#01769e
#01769e
rgb(1,118,158)
-
#0284b1
#0284b1
rgb(2,132,177)
-
#0293c5
#0293c5
rgb(2,147,197)
-
#02a1d8
#02a1d8
rgb(2,161,216)
-
#02b0ec
#02b0ec
rgb(2,176,236)
-
#05bdfd
#05bdfd
rgb(5,189,253)
-
#18c2fd
#18c2fd
rgb(24,194,253)
-
#2bc7fd
#2bc7fd
rgb(43,199,253)
-
#3fccfd
#3fccfd
rgb(63,204,253)
-
#52d1fe
#52d1fe
rgb(82,209,254)
-
#66d7fe
#66d7fe
rgb(102,215,254)
-
#79dcfe
#79dcfe
rgb(121,220,254)
-
#8de1fe
#8de1fe
rgb(141,225,254)
-
#a0e6fe
#a0e6fe
rgb(160,230,254)
-
#b4ebfe
#b4ebfe
rgb(180,235,254)
-
#c7f0ff
#c7f0ff
rgb(199,240,255)
-
#daf5ff
#daf5ff
rgb(218,245,255)
-
#eefaff
#eefaff
rgb(238,250,255)
Tones of #18c2fd
A tone is produced by adding gray to any pure hue. In this case, #848e91 is the less saturated color, while #18c2fd is the most saturated one.
-
#848e91
#848e91
rgb(132,142,145)
-
#7b929a
#7b929a
rgb(123,146,154)
-
#7297a3
#7297a3
rgb(114,151,163)
-
#699bac
#699bac
rgb(105,155,172)
-
#609fb5
#609fb5
rgb(96,159,181)
-
#57a4be
#57a4be
rgb(87,164,190)
-
#4ea8c7
#4ea8c7
rgb(78,168,199)
-
#45acd0
#45acd0
rgb(69,172,208)
-
#3cb1d9
#3cb1d9
rgb(60,177,217)
-
#33b5e2
#33b5e2
rgb(51,181,226)
-
#2ab9eb
#2ab9eb
rgb(42,185,235)
-
#21bef4
#21bef4
rgb(33,190,244)
-
#18c2fd
#18c2fd
rgb(24,194,253)
Color Blindness Simulator
Below, you can see how #18c2fd 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.