#18ba96 Color Information
In a RGB color space, hex #18ba96 is composed of 9.4% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 166.7 degrees, a saturation of 77.1% and a lightness of 41.2%. #18ba96 color hex could be obtained by blending #30ffff with #00752d. Closest websafe color is: #00cc99.
-
- R 9
- G 73
- B 59
-
- C 87
- M 0
- Y 19
- K 27
● #18ba96 color description : Strong cyan.
#18ba96 Color Conversion
The hexadecimal color #18ba96 has RGB values of R:24, G:186, B:150 and CMYK values of C:0.87, M:0, Y:0.19, K:0.27. Its decimal value is 1620630.
Hex triplet | 18ba96 | #18ba96 |
---|---|---|
RGB Decimal | 24, 186, 150 | rgb(24,186,150) |
RGB Percent | 9.4, 72.9, 58.8 | rgb(9.4%,72.9%,58.8%) |
CMYK | 87, 0, 19, 27 | |
HSL | 166.7°, 77.1, 41.2 | hsl(166.7,77.1%,41.2%) |
HSV (or HSB) | 166.7°, 87.1, 72.9 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 67.659, -47.054, 7.422 |
---|---|
XYZ | 23.439, 37.512, 34.858 |
xyY | 0.245, 0.392, 37.512 |
CIE-LCH | 67.659, 47.636, 171.036 |
CIE-LUV | 67.659, -54.62, 17.996 |
Hunter-Lab | 61.247, -38.871, 9.129 |
Binary | 00011000, 10111010, 10010110 |
Color Schemes with #18ba96
Alternatives to #18ba96
Below, you can see some colors close to #18ba96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18ba96 Preview
This text has a font color of #18ba96.
<span style="color:#18ba96;">Text here</span>
This paragraph has a background color of #18ba96.
<p style="background-color:#18ba96;">Content here</p>
This element has a border color of #18ba96.
<div style="border:1px solid #18ba96;">Content here</div>
.text {color:#18ba96;}
.background {background-color:#18ba96;}
.border {border:1px solid #18ba96;}
Shades and Tints of #18ba96
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, #020c0a is the darkest color, while #fafefd is the lightest one.
-
#020c0a
#020c0a
rgb(2,12,10)
-
#041e18
#041e18
rgb(4,30,24)
-
#062f26
#062f26
rgb(6,47,38)
-
#084034
#084034
rgb(8,64,52)
-
#0b5242
#0b5242
rgb(11,82,66)
-
#0d6350
#0d6350
rgb(13,99,80)
-
#0f755e
#0f755e
rgb(15,117,94)
-
#11866c
#11866c
rgb(17,134,108)
-
#14977a
#14977a
rgb(20,151,122)
-
#16a988
#16a988
rgb(22,169,136)
-
#18ba96
#18ba96
rgb(24,186,150)
-
#1acba4
#1acba4
rgb(26,203,164)
-
#1cddb2
#1cddb2
rgb(28,221,178)
-
#29e3ba
#29e3ba
rgb(41,227,186)
-
#3be6c0
#3be6c0
rgb(59,230,192)
-
#4ce8c5
#4ce8c5
rgb(76,232,197)
-
#5eeacb
#5eeacb
rgb(94,234,203)
-
#6fecd1
#6fecd1
rgb(111,236,209)
-
#80efd6
#80efd6
rgb(128,239,214)
-
#92f1dc
#92f1dc
rgb(146,241,220)
-
#a3f3e1
#a3f3e1
rgb(163,243,225)
-
#b4f5e7
#b4f5e7
rgb(180,245,231)
-
#c6f8ed
#c6f8ed
rgb(198,248,237)
-
#d7faf2
#d7faf2
rgb(215,250,242)
-
#e9fcf8
#e9fcf8
rgb(233,252,248)
-
#fafefd
#fafefd
rgb(250,254,253)
Tones of #18ba96
A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #08ca9f is the most saturated one.
-
#696969
#696969
rgb(105,105,105)
-
#61716e
#61716e
rgb(97,113,110)
-
#597972
#597972
rgb(89,121,114)
-
#518177
#518177
rgb(81,129,119)
-
#488a7b
#488a7b
rgb(72,138,123)
-
#409280
#409280
rgb(64,146,128)
-
#389a84
#389a84
rgb(56,154,132)
-
#30a289
#30a289
rgb(48,162,137)
-
#28aa8d
#28aa8d
rgb(40,170,141)
-
#20b292
#20b292
rgb(32,178,146)
-
#18ba96
#18ba96
rgb(24,186,150)
-
#10c29a
#10c29a
rgb(16,194,154)
-
#08ca9f
#08ca9f
rgb(8,202,159)
Color Blindness Simulator
Below, you can see how #18ba96 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.