#18caf5 Color Information
In a RGB color space, hex #18caf5 is composed of 9.4% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 191.7 degrees, a saturation of 91.7% and a lightness of 52.7%. #18caf5 color hex could be obtained by blending #30ffff with #0095eb. Closest websafe color is: #00ccff.
-
- R 9
- G 79
- B 96
-
- C 90
- M 18
- Y 0
- K 4
● #18caf5 color description : Vivid cyan.
#18caf5 Color Conversion
The hexadecimal color #18caf5 has RGB values of R:24, G:202, B:245 and CMYK values of C:0.9, M:0.18, Y:0, K:0.04. Its decimal value is 1624821.
Hex triplet | 18caf5 | #18caf5 |
---|---|---|
RGB Decimal | 24, 202, 245 | rgb(24,202,245) |
RGB Percent | 9.4, 79.2, 96.1 | rgb(9.4%,79.2%,96.1%) |
CMYK | 90, 18, 0, 4 | |
HSL | 191.7°, 91.7, 52.7 | hsl(191.7,91.7%,52.7%) |
HSV (or HSB) | 191.7°, 90.2, 96.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.466, -25.992, -32.63 |
---|---|
XYZ | 37.974, 49.024, 93.842 |
xyY | 0.21, 0.271, 49.024 |
CIE-LCH | 75.466, 41.718, 231.46 |
CIE-LUV | 75.466, -52.824, -49.119 |
Hunter-Lab | 70.017, -25.72, -30.453 |
Binary | 00011000, 11001010, 11110101 |
Color Schemes with #18caf5
Alternatives to #18caf5
Below, you can see some colors close to #18caf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18caf5 Preview
This text has a font color of #18caf5.
<span style="color:#18caf5;">Text here</span>
This paragraph has a background color of #18caf5.
<p style="background-color:#18caf5;">Content here</p>
This element has a border color of #18caf5.
<div style="border:1px solid #18caf5;">Content here</div>
.text {color:#18caf5;}
.background {background-color:#18caf5;}
.border {border:1px solid #18caf5;}
Shades and Tints of #18caf5
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, #010b0d is the darkest color, while #fafeff is the lightest one.
-
#010b0d
#010b0d
rgb(1,11,13)
-
#011a20
#011a20
rgb(1,26,32)
-
#022a33
#022a33
rgb(2,42,51)
-
#033946
#033946
rgb(3,57,70)
-
#044859
#044859
rgb(4,72,89)
-
#05576b
#05576b
rgb(5,87,107)
-
#05677e
#05677e
rgb(5,103,126)
-
#067691
#067691
rgb(6,118,145)
-
#0785a4
#0785a4
rgb(7,133,164)
-
#0895b7
#0895b7
rgb(8,149,183)
-
#09a4c9
#09a4c9
rgb(9,164,201)
-
#0ab3dc
#0ab3dc
rgb(10,179,220)
-
#0ac3ef
#0ac3ef
rgb(10,195,239)
-
#18caf5
#18caf5
rgb(24,202,245)
-
#2bcef6
#2bcef6
rgb(43,206,246)
-
#3ed3f7
#3ed3f7
rgb(62,211,247)
-
#50d7f7
#50d7f7
rgb(80,215,247)
-
#63dbf8
#63dbf8
rgb(99,219,248)
-
#76e0f9
#76e0f9
rgb(118,224,249)
-
#89e4fa
#89e4fa
rgb(137,228,250)
-
#9ce8fb
#9ce8fb
rgb(156,232,251)
-
#aeedfc
#aeedfc
rgb(174,237,252)
-
#c1f1fc
#c1f1fc
rgb(193,241,252)
-
#d4f5fd
#d4f5fd
rgb(212,245,253)
-
#e7f9fe
#e7f9fe
rgb(231,249,254)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #18caf5
A tone is produced by adding gray to any pure hue. In this case, #7e8c8f is the less saturated color, while #0fd0fe is the most saturated one.
-
#7e8c8f
#7e8c8f
rgb(126,140,143)
-
#759198
#759198
rgb(117,145,152)
-
#6b97a2
#6b97a2
rgb(107,151,162)
-
#629dab
#629dab
rgb(98,157,171)
-
#59a2b4
#59a2b4
rgb(89,162,180)
-
#50a8bd
#50a8bd
rgb(80,168,189)
-
#46aec7
#46aec7
rgb(70,174,199)
-
#3db3d0
#3db3d0
rgb(61,179,208)
-
#34b9d9
#34b9d9
rgb(52,185,217)
-
#2bbfe2
#2bbfe2
rgb(43,191,226)
-
#21c4ec
#21c4ec
rgb(33,196,236)
-
#18caf5
#18caf5
rgb(24,202,245)
-
#0fd0fe
#0fd0fe
rgb(15,208,254)
Color Blindness Simulator
Below, you can see how #18caf5 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.