#18a878 Color Information
In a RGB color space, hex #18a878 is composed of 9.4% red, 65.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 0% magenta, 28.6% yellow and 34.1% black. It has a hue angle of 160 degrees, a saturation of 75% and a lightness of 37.6%. #18a878 color hex could be obtained by blending #30fff0 with #005100. Closest websafe color is: #009966.
-
- R 9
- G 66
- B 47
-
- C 86
- M 0
- Y 29
- K 34
● #18a878 color description : Dark cyan - lime green.
#18a878 Color Conversion
The hexadecimal color #18a878 has RGB values of R:24, G:168, B:120 and CMYK values of C:0.86, M:0, Y:0.29, K:0.34. Its decimal value is 1615992.
Hex triplet | 18a878 | #18a878 |
---|---|---|
RGB Decimal | 24, 168, 120 | rgb(24,168,120) |
RGB Percent | 9.4, 65.9, 47.1 | rgb(9.4%,65.9%,47.1%) |
CMYK | 86, 0, 29, 34 | |
HSL | 160°, 75, 37.6 | hsl(160,75%,37.6%) |
HSV (or HSB) | 160°, 85.7, 65.9 | |
Web Safe | 009966 | #009966 |
CIE-LAB | 61.267, -47.155, 14.914 |
---|---|
XYZ | 17.768, 29.554, 22.536 |
xyY | 0.254, 0.423, 29.554 |
CIE-LCH | 61.267, 49.458, 162.449 |
CIE-LUV | 61.267, -50.502, 27.693 |
Hunter-Lab | 54.363, -36.795, 13.476 |
Binary | 00011000, 10101000, 01111000 |
Color Schemes with #18a878
Alternatives to #18a878
Below, you can see some colors close to #18a878. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#18a878 Preview
This text has a font color of #18a878.
<span style="color:#18a878;">Text here</span>
This paragraph has a background color of #18a878.
<p style="background-color:#18a878;">Content here</p>
This element has a border color of #18a878.
<div style="border:1px solid #18a878;">Content here</div>
.text {color:#18a878;}
.background {background-color:#18a878;}
.border {border:1px solid #18a878;}
Shades and Tints of #18a878
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, #020e0a is the darkest color, while #fbfefd is the lightest one.
-
#020e0a
#020e0a
rgb(2,14,10)
-
#041f16
#041f16
rgb(4,31,22)
-
#073022
#073022
rgb(7,48,34)
-
#09412e
#09412e
rgb(9,65,46)
-
#0c523b
#0c523b
rgb(12,82,59)
-
#0e6347
#0e6347
rgb(14,99,71)
-
#117553
#117553
rgb(17,117,83)
-
#13865f
#13865f
rgb(19,134,95)
-
#16976c
#16976c
rgb(22,151,108)
-
#18a878
#18a878
rgb(24,168,120)
-
#1ab984
#1ab984
rgb(26,185,132)
-
#1dca91
#1dca91
rgb(29,202,145)
-
#1fdb9d
#1fdb9d
rgb(31,219,157)
-
#2de1a5
#2de1a5
rgb(45,225,165)
-
#3fe4ad
#3fe4ad
rgb(63,228,173)
-
#50e6b4
#50e6b4
rgb(80,230,180)
-
#61e8bb
#61e8bb
rgb(97,232,187)
-
#72ebc3
#72ebc3
rgb(114,235,195)
-
#83edca
#83edca
rgb(131,237,202)
-
#94f0d1
#94f0d1
rgb(148,240,209)
-
#a6f2d9
#a6f2d9
rgb(166,242,217)
-
#b7f5e0
#b7f5e0
rgb(183,245,224)
-
#c8f7e7
#c8f7e7
rgb(200,247,231)
-
#d9faef
#d9faef
rgb(217,250,239)
-
#eafcf6
#eafcf6
rgb(234,252,246)
-
#fbfefd
#fbfefd
rgb(251,254,253)
Tones of #18a878
A tone is produced by adding gray to any pure hue. In this case, #5a6662 is the less saturated color, while #02be7f is the most saturated one.
-
#5a6662
#5a6662
rgb(90,102,98)
-
#536d64
#536d64
rgb(83,109,100)
-
#4c7467
#4c7467
rgb(76,116,103)
-
#447c69
#447c69
rgb(68,124,105)
-
#3d836c
#3d836c
rgb(61,131,108)
-
#368a6e
#368a6e
rgb(54,138,110)
-
#2e9271
#2e9271
rgb(46,146,113)
-
#279973
#279973
rgb(39,153,115)
-
#1fa176
#1fa176
rgb(31,161,118)
-
#18a878
#18a878
rgb(24,168,120)
-
#11af7a
#11af7a
rgb(17,175,122)
-
#09b77d
#09b77d
rgb(9,183,125)
-
#02be7f
#02be7f
rgb(2,190,127)
Color Blindness Simulator
Below, you can see how #18a878 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.