#18b6b6 Color Information
In a RGB color space, hex #18b6b6 is composed of 9.4% red, 71.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 0% magenta, 0% yellow and 28.6% black. It has a hue angle of 180 degrees, a saturation of 76.7% and a lightness of 40.4%. #18b6b6 color hex could be obtained by blending #30ffff with #006d6d. Closest websafe color is: #00cccc.
-
- R 9
- G 71
- B 71
-
- C 87
- M 0
- Y 0
- K 29
● #18b6b6 color description : Strong cyan.
#18b6b6 Color Conversion
The hexadecimal color #18b6b6 has RGB values of R:24, G:182, B:182 and CMYK values of C:0.87, M:0, Y:0, K:0.29. Its decimal value is 1619638.
Hex triplet | 18b6b6 | #18b6b6 |
---|---|---|
RGB Decimal | 24, 182, 182 | rgb(24,182,182) |
RGB Percent | 9.4, 71.4, 71.4 | rgb(9.4%,71.4%,71.4%) |
CMYK | 87, 0, 0, 29 | |
HSL | 180°, 76.7, 40.4 | hsl(180,76.7%,40.4%) |
HSV (or HSB) | 180°, 86.8, 71.4 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 67.296, -36.361, -10.742 |
---|---|
XYZ | 25.545, 37.025, 50.054 |
xyY | 0.227, 0.329, 37.025 |
CIE-LCH | 67.296, 37.914, 196.459 |
CIE-LUV | 67.296, -50.803, -10.97 |
Hunter-Lab | 60.848, -31.546, -6.178 |
Binary | 00011000, 10110110, 10110110 |
Color Schemes with #18b6b6
Alternatives to #18b6b6
Below, you can see some colors close to #18b6b6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b6b6 Preview
This text has a font color of #18b6b6.
<span style="color:#18b6b6;">Text here</span>
This paragraph has a background color of #18b6b6.
<p style="background-color:#18b6b6;">Content here</p>
This element has a border color of #18b6b6.
<div style="border:1px solid #18b6b6;">Content here</div>
.text {color:#18b6b6;}
.background {background-color:#18b6b6;}
.border {border:1px solid #18b6b6;}
Shades and Tints of #18b6b6
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, #010909 is the darkest color, while #f6fefe is the lightest one.
-
#010909
#010909
rgb(1,9,9)
-
#031a1a
#031a1a
rgb(3,26,26)
-
#062b2b
#062b2b
rgb(6,43,43)
-
#083d3d
#083d3d
rgb(8,61,61)
-
#0a4e4e
#0a4e4e
rgb(10,78,78)
-
#0d5f5f
#0d5f5f
rgb(13,95,95)
-
#0f7171
#0f7171
rgb(15,113,113)
-
#118282
#118282
rgb(17,130,130)
-
#139393
#139393
rgb(19,147,147)
-
#16a5a5
#16a5a5
rgb(22,165,165)
-
#18b6b6
#18b6b6
rgb(24,182,182)
-
#1ac7c7
#1ac7c7
rgb(26,199,199)
-
#1dd9d9
#1dd9d9
rgb(29,217,217)
-
#26e2e2
#26e2e2
rgb(38,226,226)
-
#38e5e5
#38e5e5
rgb(56,229,229)
-
#49e7e7
#49e7e7
rgb(73,231,231)
-
#5ae9e9
#5ae9e9
rgb(90,233,233)
-
#6cecec
#6cecec
rgb(108,236,236)
-
#7deeee
#7deeee
rgb(125,238,238)
-
#8ef0f0
#8ef0f0
rgb(142,240,240)
-
#a0f2f2
#a0f2f2
rgb(160,242,242)
-
#b1f5f5
#b1f5f5
rgb(177,245,245)
-
#c2f7f7
#c2f7f7
rgb(194,247,247)
-
#d4f9f9
#d4f9f9
rgb(212,249,249)
-
#e5fcfc
#e5fcfc
rgb(229,252,252)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #18b6b6
A tone is produced by adding gray to any pure hue. In this case, #5f6f6f is the less saturated color, while #00cece is the most saturated one.
-
#5f6f6f
#5f6f6f
rgb(95,111,111)
-
#577777
#577777
rgb(87,119,119)
-
#4f7f7f
#4f7f7f
rgb(79,127,127)
-
#488686
#488686
rgb(72,134,134)
-
#408e8e
#408e8e
rgb(64,142,142)
-
#389696
#389696
rgb(56,150,150)
-
#309e9e
#309e9e
rgb(48,158,158)
-
#28a6a6
#28a6a6
rgb(40,166,166)
-
#20aeae
#20aeae
rgb(32,174,174)
-
#18b6b6
#18b6b6
rgb(24,182,182)
-
#10bebe
#10bebe
rgb(16,190,190)
-
#08c6c6
#08c6c6
rgb(8,198,198)
-
#00cece
#00cece
rgb(0,206,206)
Color Blindness Simulator
Below, you can see how #18b6b6 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.