#18caf0 Color Information
In a RGB color space, hex #18caf0 is composed of 9.4% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 190.6 degrees, a saturation of 87.8% and a lightness of 51.8%. #18caf0 color hex could be obtained by blending #30ffff with #0095e1. Closest websafe color is: #00ccff.
-
- R 9
- G 79
- B 94
-
- C 90
- M 16
- Y 0
- K 6
● #18caf0 color description : Vivid cyan.
#18caf0 Color Conversion
The hexadecimal color #18caf0 has RGB values of R:24, G:202, B:240 and CMYK values of C:0.9, M:0.16, Y:0, K:0.06. Its decimal value is 1624816.
Hex triplet | 18caf0 | #18caf0 |
---|---|---|
RGB Decimal | 24, 202, 240 | rgb(24,202,240) |
RGB Percent | 9.4, 79.2, 94.1 | rgb(9.4%,79.2%,94.1%) |
CMYK | 90, 16, 0, 6 | |
HSL | 190.6°, 87.8, 51.8 | hsl(190.6,87.8%,51.8%) |
HSV (or HSB) | 190.6°, 90, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.279, -27.634, -30.234 |
---|---|
XYZ | 37.221, 48.723, 89.876 |
xyY | 0.212, 0.277, 48.723 |
CIE-LCH | 75.279, 40.96, 227.573 |
CIE-LUV | 75.279, -53.201, -44.78 |
Hunter-Lab | 69.802, -26.97, -27.48 |
Binary | 00011000, 11001010, 11110000 |
Color Schemes with #18caf0
Alternatives to #18caf0
Below, you can see some colors close to #18caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18caf0 Preview
This text has a font color of #18caf0.
<span style="color:#18caf0;">Text here</span>
This paragraph has a background color of #18caf0.
<p style="background-color:#18caf0;">Content here</p>
This element has a border color of #18caf0.
<div style="border:1px solid #18caf0;">Content here</div>
.text {color:#18caf0;}
.background {background-color:#18caf0;}
.border {border:1px solid #18caf0;}
Shades and Tints of #18caf0
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, #010708 is the darkest color, while #f5fdfe is the lightest one.
-
#010708
#010708
rgb(1,7,8)
-
#02161b
#02161b
rgb(2,22,27)
-
#03262d
#03262d
rgb(3,38,45)
-
#043540
#043540
rgb(4,53,64)
-
#054552
#054552
rgb(5,69,82)
-
#075465
#075465
rgb(7,84,101)
-
#086377
#086377
rgb(8,99,119)
-
#097389
#097389
rgb(9,115,137)
-
#0a829c
#0a829c
rgb(10,130,156)
-
#0b92ae
#0b92ae
rgb(11,146,174)
-
#0da1c1
#0da1c1
rgb(13,161,193)
-
#0eb0d3
#0eb0d3
rgb(14,176,211)
-
#0fc0e5
#0fc0e5
rgb(15,192,229)
-
#18caf0
#18caf0
rgb(24,202,240)
-
#2acef1
#2acef1
rgb(42,206,241)
-
#3dd2f2
#3dd2f2
rgb(61,210,242)
-
#4fd7f4
#4fd7f4
rgb(79,215,244)
-
#62dbf5
#62dbf5
rgb(98,219,245)
-
#74dff6
#74dff6
rgb(116,223,246)
-
#87e3f7
#87e3f7
rgb(135,227,247)
-
#99e8f8
#99e8f8
rgb(153,232,248)
-
#abecfa
#abecfa
rgb(171,236,250)
-
#bef0fb
#bef0fb
rgb(190,240,251)
-
#d0f4fc
#d0f4fc
rgb(208,244,252)
-
#e3f8fd
#e3f8fd
rgb(227,248,253)
-
#f5fdfe
#f5fdfe
rgb(245,253,254)
Tones of #18caf0
A tone is produced by adding gray to any pure hue. In this case, #808788 is the less saturated color, while #0fd0f9 is the most saturated one.
-
#808788
#808788
rgb(128,135,136)
-
#778d91
#778d91
rgb(119,141,145)
-
#6d939b
#6d939b
rgb(109,147,155)
-
#6499a4
#6499a4
rgb(100,153,164)
-
#5a9fae
#5a9fae
rgb(90,159,174)
-
#51a5b7
#51a5b7
rgb(81,165,183)
-
#47abc1
#47abc1
rgb(71,171,193)
-
#3eb1ca
#3eb1ca
rgb(62,177,202)
-
#34b8d4
#34b8d4
rgb(52,184,212)
-
#2bbedd
#2bbedd
rgb(43,190,221)
-
#21c4e7
#21c4e7
rgb(33,196,231)
-
#18caf0
#18caf0
rgb(24,202,240)
-
#0fd0f9
#0fd0f9
rgb(15,208,249)
Color Blindness Simulator
Below, you can see how #18caf0 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.