#18caf9 Color Information
In a RGB color space, hex #18caf9 is composed of 9.4% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 192.5 degrees, a saturation of 94.9% and a lightness of 53.5%. #18caf9 color hex could be obtained by blending #30ffff with #0095f3. Closest websafe color is: #00ccff.
-
- R 9
- G 79
- B 98
-
- C 90
- M 19
- Y 0
- K 2
● #18caf9 color description : Vivid cyan.
#18caf9 Color Conversion
The hexadecimal color #18caf9 has RGB values of R:24, G:202, B:249 and CMYK values of C:0.9, M:0.19, Y:0, K:0.02. Its decimal value is 1624825.
Hex triplet | 18caf9 | #18caf9 |
---|---|---|
RGB Decimal | 24, 202, 249 | rgb(24,202,249) |
RGB Percent | 9.4, 79.2, 97.6 | rgb(9.4%,79.2%,97.6%) |
CMYK | 90, 19, 0, 2 | |
HSL | 192.5°, 94.9, 53.5 | hsl(192.5,94.9%,53.5%) |
HSV (or HSB) | 192.5°, 90.4, 97.6 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.62, -24.668, -34.539 |
---|---|
XYZ | 38.591, 49.271, 97.094 |
xyY | 0.209, 0.266, 49.271 |
CIE-LCH | 75.62, 42.444, 234.465 |
CIE-LUV | 75.62, -52.524, -52.589 |
Hunter-Lab | 70.193, -24.701, -32.876 |
Binary | 00011000, 11001010, 11111001 |
Color Schemes with #18caf9
Alternatives to #18caf9
Below, you can see some colors close to #18caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18caf9 Preview
This text has a font color of #18caf9.
<span style="color:#18caf9;">Text here</span>
This paragraph has a background color of #18caf9.
<p style="background-color:#18caf9;">Content here</p>
This element has a border color of #18caf9.
<div style="border:1px solid #18caf9;">Content here</div>
.text {color:#18caf9;}
.background {background-color:#18caf9;}
.border {border:1px solid #18caf9;}
Shades and Tints of #18caf9
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, #000e12 is the darkest color, while #fdffff is the lightest one.
-
#000e12
#000e12
rgb(0,14,18)
-
#011d25
#011d25
rgb(1,29,37)
-
#012c38
#012c38
rgb(1,44,56)
-
#023c4b
#023c4b
rgb(2,60,75)
-
#024b5e
#024b5e
rgb(2,75,94)
-
#035a71
#035a71
rgb(3,90,113)
-
#036984
#036984
rgb(3,105,132)
-
#047997
#047997
rgb(4,121,151)
-
#0488aa
#0488aa
rgb(4,136,170)
-
#0597be
#0597be
rgb(5,151,190)
-
#05a6d1
#05a6d1
rgb(5,166,209)
-
#06b5e4
#06b5e4
rgb(6,181,228)
-
#06c5f7
#06c5f7
rgb(6,197,247)
-
#18caf9
#18caf9
rgb(24,202,249)
-
#2bcef9
#2bcef9
rgb(43,206,249)
-
#3ed3fa
#3ed3fa
rgb(62,211,250)
-
#51d7fa
#51d7fa
rgb(81,215,250)
-
#64dcfb
#64dcfb
rgb(100,220,251)
-
#78e0fb
#78e0fb
rgb(120,224,251)
-
#8be4fc
#8be4fc
rgb(139,228,252)
-
#9ee9fc
#9ee9fc
rgb(158,233,252)
-
#b1edfd
#b1edfd
rgb(177,237,253)
-
#c4f1fd
#c4f1fd
rgb(196,241,253)
-
#d7f6fe
#d7f6fe
rgb(215,246,254)
-
#eafafe
#eafafe
rgb(234,250,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #18caf9
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18caf9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c9095
#7c9095
rgb(124,144,149)
-
#73959e
#73959e
rgb(115,149,158)
-
#6a9aa7
#6a9aa7
rgb(106,154,167)
-
#61a0b0
#61a0b0
rgb(97,160,176)
-
#58a5b9
#58a5b9
rgb(88,165,185)
-
#4faac2
#4faac2
rgb(79,170,194)
-
#46afcb
#46afcb
rgb(70,175,203)
-
#3cb5d5
#3cb5d5
rgb(60,181,213)
-
#33bade
#33bade
rgb(51,186,222)
-
#2abfe7
#2abfe7
rgb(42,191,231)
-
#21c5f0
#21c5f0
rgb(33,197,240)
-
#18caf9
#18caf9
rgb(24,202,249)
Color Blindness Simulator
Below, you can see how #18caf9 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.