#18d3e2 Color Information
In a RGB color space, hex #18d3e2 is composed of 9.4% red, 82.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 6.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 184.5 degrees, a saturation of 80.8% and a lightness of 49%. #18d3e2 color hex could be obtained by blending #30ffff with #00a7c5. Closest websafe color is: #00cccc.
-
- R 9
- G 83
- B 89
-
- C 89
- M 7
- Y 0
- K 11
● #18d3e2 color description : Vivid cyan.
#18d3e2 Color Conversion
The hexadecimal color #18d3e2 has RGB values of R:24, G:211, B:226 and CMYK values of C:0.89, M:0.07, Y:0, K:0.11. Its decimal value is 1627106.
Hex triplet | 18d3e2 | #18d3e2 |
---|---|---|
RGB Decimal | 24, 211, 226 | rgb(24,211,226) |
RGB Percent | 9.4, 82.7, 88.6 | rgb(9.4%,82.7%,88.6%) |
CMYK | 89, 7, 0, 11 | |
HSL | 184.5°, 80.8, 49 | hsl(184.5,80.8%,49%) |
HSV (or HSB) | 184.5°, 89.4, 88.6 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 77.442, -36.392, -19.413 |
---|---|
XYZ | 37.394, 52.27, 80.066 |
xyY | 0.22, 0.308, 52.27 |
CIE-LCH | 77.442, 41.246, 208.077 |
CIE-LUV | 77.442, -57.331, -25.391 |
Hunter-Lab | 72.298, -34.197, -15.051 |
Binary | 00011000, 11010011, 11100010 |
Color Schemes with #18d3e2
Alternatives to #18d3e2
Below, you can see some colors close to #18d3e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18d3e2 Preview
This text has a font color of #18d3e2.
<span style="color:#18d3e2;">Text here</span>
This paragraph has a background color of #18d3e2.
<p style="background-color:#18d3e2;">Content here</p>
This element has a border color of #18d3e2.
<div style="border:1px solid #18d3e2;">Content here</div>
.text {color:#18d3e2;}
.background {background-color:#18d3e2;}
.border {border:1px solid #18d3e2;}
Shades and Tints of #18d3e2
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, #010c0d is the darkest color, while #fafeff is the lightest one.
-
#010c0d
#010c0d
rgb(1,12,13)
-
#031d1f
#031d1f
rgb(3,29,31)
-
#052d31
#052d31
rgb(5,45,49)
-
#073e42
#073e42
rgb(7,62,66)
-
#094f54
#094f54
rgb(9,79,84)
-
#0b5f66
#0b5f66
rgb(11,95,102)
-
#0d7078
#0d7078
rgb(13,112,120)
-
#0f8089
#0f8089
rgb(15,128,137)
-
#10919b
#10919b
rgb(16,145,155)
-
#12a1ad
#12a1ad
rgb(18,161,173)
-
#14b2bf
#14b2bf
rgb(20,178,191)
-
#16c2d0
#16c2d0
rgb(22,194,208)
-
#18d3e2
#18d3e2
rgb(24,211,226)
-
#26dae8
#26dae8
rgb(38,218,232)
-
#37ddea
#37ddea
rgb(55,221,234)
-
#49e0ec
#49e0ec
rgb(73,224,236)
-
#5be3ee
#5be3ee
rgb(91,227,238)
-
#6de6ef
#6de6ef
rgb(109,230,239)
-
#7ee9f1
#7ee9f1
rgb(126,233,241)
-
#90ecf3
#90ecf3
rgb(144,236,243)
-
#a2eff5
#a2eff5
rgb(162,239,245)
-
#b4f2f7
#b4f2f7
rgb(180,242,247)
-
#c5f5f9
#c5f5f9
rgb(197,245,249)
-
#d7f8fb
#d7f8fb
rgb(215,248,251)
-
#e9fbfd
#e9fbfd
rgb(233,251,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #18d3e2
A tone is produced by adding gray to any pure hue. In this case, #788182 is the less saturated color, while #05e3f5 is the most saturated one.
-
#788182
#788182
rgb(120,129,130)
-
#6f898b
#6f898b
rgb(111,137,139)
-
#659295
#659295
rgb(101,146,149)
-
#5b9a9f
#5b9a9f
rgb(91,154,159)
-
#52a2a8
#52a2a8
rgb(82,162,168)
-
#48aab2
#48aab2
rgb(72,170,178)
-
#3eb2bc
#3eb2bc
rgb(62,178,188)
-
#35bac5
#35bac5
rgb(53,186,197)
-
#2bc3cf
#2bc3cf
rgb(43,195,207)
-
#22cbd8
#22cbd8
rgb(34,203,216)
-
#18d3e2
#18d3e2
rgb(24,211,226)
-
#0edbec
#0edbec
rgb(14,219,236)
-
#05e3f5
#05e3f5
rgb(5,227,245)
Color Blindness Simulator
Below, you can see how #18d3e2 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.