#18b4b4 Color Information
In a RGB color space, hex #18b4b4 is composed of 9.4% red, 70.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 0% magenta, 0% yellow and 29.4% black. It has a hue angle of 180 degrees, a saturation of 76.5% and a lightness of 40%. #18b4b4 color hex could be obtained by blending #30ffff with #006969. Closest websafe color is: #00cccc.
-
- R 9
- G 71
- B 71
-
- C 87
- M 0
- Y 0
- K 29
● #18b4b4 color description : Strong cyan.
#18b4b4 Color Conversion
The hexadecimal color #18b4b4 has RGB values of R:24, G:180, B:180 and CMYK values of C:0.87, M:0, Y:0, K:0.29. Its decimal value is 1619124.
Hex triplet | 18b4b4 | #18b4b4 |
---|---|---|
RGB Decimal | 24, 180, 180 | rgb(24,180,180) |
RGB Percent | 9.4, 70.6, 70.6 | rgb(9.4%,70.6%,70.6%) |
CMYK | 87, 0, 0, 29 | |
HSL | 180°, 76.5, 40 | hsl(180,76.5%,40%) |
HSV (or HSB) | 180°, 86.7, 70.6 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 66.619, -36.04, -10.648 |
---|---|
XYZ | 24.934, 36.129, 48.837 |
xyY | 0.227, 0.329, 36.129 |
CIE-LCH | 66.619, 37.58, 196.46 |
CIE-LUV | 66.619, -50.262, -10.853 |
Hunter-Lab | 60.108, -31.144, -6.097 |
Binary | 00011000, 10110100, 10110100 |
Color Schemes with #18b4b4
Alternatives to #18b4b4
Below, you can see some colors close to #18b4b4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18b4b4 Preview
This text has a font color of #18b4b4.
<span style="color:#18b4b4;">Text here</span>
This paragraph has a background color of #18b4b4.
<p style="background-color:#18b4b4;">Content here</p>
This element has a border color of #18b4b4.
<div style="border:1px solid #18b4b4;">Content here</div>
.text {color:#18b4b4;}
.background {background-color:#18b4b4;}
.border {border:1px solid #18b4b4;}
Shades and Tints of #18b4b4
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, #010707 is the darkest color, while #f5fefe is the lightest one.
-
#010707
#010707
rgb(1,7,7)
-
#031818
#031818
rgb(3,24,24)
-
#062a2a
#062a2a
rgb(6,42,42)
-
#083b3b
#083b3b
rgb(8,59,59)
-
#0a4c4c
#0a4c4c
rgb(10,76,76)
-
#0c5d5d
#0c5d5d
rgb(12,93,93)
-
#0f6f6f
#0f6f6f
rgb(15,111,111)
-
#118080
#118080
rgb(17,128,128)
-
#139191
#139191
rgb(19,145,145)
-
#16a3a3
#16a3a3
rgb(22,163,163)
-
#18b4b4
#18b4b4
rgb(24,180,180)
-
#1ac5c5
#1ac5c5
rgb(26,197,197)
-
#1dd7d7
#1dd7d7
rgb(29,215,215)
-
#25e2e2
#25e2e2
rgb(37,226,226)
-
#36e4e4
#36e4e4
rgb(54,228,228)
-
#48e7e7
#48e7e7
rgb(72,231,231)
-
#59e9e9
#59e9e9
rgb(89,233,233)
-
#6aebeb
#6aebeb
rgb(106,235,235)
-
#7beded
#7beded
rgb(123,237,237)
-
#8df0f0
#8df0f0
rgb(141,240,240)
-
#9ef2f2
#9ef2f2
rgb(158,242,242)
-
#aff4f4
#aff4f4
rgb(175,244,244)
-
#c1f7f7
#c1f7f7
rgb(193,247,247)
-
#d2f9f9
#d2f9f9
rgb(210,249,249)
-
#e3fbfb
#e3fbfb
rgb(227,251,251)
-
#f5fefe
#f5fefe
rgb(245,254,254)
Tones of #18b4b4
A tone is produced by adding gray to any pure hue. In this case, #5f6d6d is the less saturated color, while #00cccc is the most saturated one.
-
#5f6d6d
#5f6d6d
rgb(95,109,109)
-
#577575
#577575
rgb(87,117,117)
-
#4f7d7d
#4f7d7d
rgb(79,125,125)
-
#478585
#478585
rgb(71,133,133)
-
#3f8d8d
#3f8d8d
rgb(63,141,141)
-
#379595
#379595
rgb(55,149,149)
-
#309c9c
#309c9c
rgb(48,156,156)
-
#28a4a4
#28a4a4
rgb(40,164,164)
-
#20acac
#20acac
rgb(32,172,172)
-
#18b4b4
#18b4b4
rgb(24,180,180)
-
#10bcbc
#10bcbc
rgb(16,188,188)
-
#08c4c4
#08c4c4
rgb(8,196,196)
-
#00cccc
#00cccc
rgb(0,204,204)
Color Blindness Simulator
Below, you can see how #18b4b4 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.