#18d8f0 Color Information
In a RGB color space, hex #18d8f0 is composed of 9.4% red, 84.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 10% magenta, 0% yellow and 5.9% black. It has a hue angle of 186.7 degrees, a saturation of 87.8% and a lightness of 51.8%. #18d8f0 color hex could be obtained by blending #30ffff with #00b1e1. Closest websafe color is: #00ccff.
-
- R 9
- G 85
- B 94
-
- C 90
- M 10
- Y 0
- K 6
● #18d8f0 color description : Vivid cyan.
#18d8f0 Color Conversion
The hexadecimal color #18d8f0 has RGB values of R:24, G:216, B:240 and CMYK values of C:0.9, M:0.1, Y:0, K:0.06. Its decimal value is 1628400.
Hex triplet | 18d8f0 | #18d8f0 |
---|---|---|
RGB Decimal | 24, 216, 240 | rgb(24,216,240) |
RGB Percent | 9.4, 84.7, 94.1 | rgb(9.4%,84.7%,94.1%) |
CMYK | 90, 10, 0, 6 | |
HSL | 186.7°, 87.8, 51.8 | hsl(186.7,87.8%,51.8%) |
HSV (or HSB) | 186.7°, 90, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 79.382, -34.396, -23.953 |
---|---|
XYZ | 40.656, 55.593, 91.021 |
xyY | 0.217, 0.297, 55.593 |
CIE-LCH | 79.382, 41.914, 214.853 |
CIE-LUV | 79.382, -57.927, -33.39 |
Hunter-Lab | 74.561, -33.15, -20.186 |
Binary | 00011000, 11011000, 11110000 |
Color Schemes with #18d8f0
Alternatives to #18d8f0
Below, you can see some colors close to #18d8f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18d8f0 Preview
This text has a font color of #18d8f0.
<span style="color:#18d8f0;">Text here</span>
This paragraph has a background color of #18d8f0.
<p style="background-color:#18d8f0;">Content here</p>
This element has a border color of #18d8f0.
<div style="border:1px solid #18d8f0;">Content here</div>
.text {color:#18d8f0;}
.background {background-color:#18d8f0;}
.border {border:1px solid #18d8f0;}
Shades and Tints of #18d8f0
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, #010808 is the darkest color, while #f5fdfe is the lightest one.
-
#010808
#010808
rgb(1,8,8)
-
#02181b
#02181b
rgb(2,24,27)
-
#03292d
#03292d
rgb(3,41,45)
-
#043940
#043940
rgb(4,57,64)
-
#054a52
#054a52
rgb(5,74,82)
-
#075a65
#075a65
rgb(7,90,101)
-
#086b77
#086b77
rgb(8,107,119)
-
#097b89
#097b89
rgb(9,123,137)
-
#0a8c9c
#0a8c9c
rgb(10,140,156)
-
#0b9cae
#0b9cae
rgb(11,156,174)
-
#0dadc1
#0dadc1
rgb(13,173,193)
-
#0ebdd3
#0ebdd3
rgb(14,189,211)
-
#0fcee5
#0fcee5
rgb(15,206,229)
-
#18d8f0
#18d8f0
rgb(24,216,240)
-
#2adbf1
#2adbf1
rgb(42,219,241)
-
#3ddef2
#3ddef2
rgb(61,222,242)
-
#4fe1f4
#4fe1f4
rgb(79,225,244)
-
#62e4f5
#62e4f5
rgb(98,228,245)
-
#74e8f6
#74e8f6
rgb(116,232,246)
-
#87ebf7
#87ebf7
rgb(135,235,247)
-
#99eef8
#99eef8
rgb(153,238,248)
-
#abf1fa
#abf1fa
rgb(171,241,250)
-
#bef4fb
#bef4fb
rgb(190,244,251)
-
#d0f7fc
#d0f7fc
rgb(208,247,252)
-
#e3fafd
#e3fafd
rgb(227,250,253)
-
#f5fdfe
#f5fdfe
rgb(245,253,254)
Tones of #18d8f0
A tone is produced by adding gray to any pure hue. In this case, #808788 is the less saturated color, while #0fdff9 is the most saturated one.
-
#808788
#808788
rgb(128,135,136)
-
#778e91
#778e91
rgb(119,142,145)
-
#6d969b
#6d969b
rgb(109,150,155)
-
#649da4
#649da4
rgb(100,157,164)
-
#5aa4ae
#5aa4ae
rgb(90,164,174)
-
#51acb7
#51acb7
rgb(81,172,183)
-
#47b3c1
#47b3c1
rgb(71,179,193)
-
#3ebbca
#3ebbca
rgb(62,187,202)
-
#34c2d4
#34c2d4
rgb(52,194,212)
-
#2bc9dd
#2bc9dd
rgb(43,201,221)
-
#21d1e7
#21d1e7
rgb(33,209,231)
-
#18d8f0
#18d8f0
rgb(24,216,240)
-
#0fdff9
#0fdff9
rgb(15,223,249)
Color Blindness Simulator
Below, you can see how #18d8f0 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.