#18a884 hex color

In a RGB color space, hex #18a884 is composed of 9.4% red, 65.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 0% magenta, 21.4% yellow and 34.1% black. It has a hue angle of 165 degrees, a saturation of 75% and a lightness of 37.6%. #18a884 color hex could be obtained by blending #30ffff with #005109. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 66
- B 52
RGB color chart
- C 86
- M 0
- Y 21
- K 34
CMYK color chart

● #18a884 color description : Dark cyan.

The hexadecimal color #18a884 has RGB values of R:24, G:168, B:132 and CMYK values of C:0.86, M:0, Y:0.21, K:0.34. Its decimal value is 1616004.

Hex triplet	18a884	`#18a884`
RGB Decimal	24, 168, 132	`rgb(24,168,132)`
RGB Percent	9.4, 65.9, 51.8	`rgb(9.4%,65.9%,51.8%)`
CMYK	86, 0, 21, 34
HSL	165°, 75, 37.6	`hsl(165,75%,37.6%)`
HSV (or HSB)	165°, 85.7, 65.9
Web Safe	009999	`#009999`

CIE-LAB	61.536, -44.22, 8.632
XYZ	18.543, 29.863, 26.615
xyY	0.247, 0.398, 29.863
CIE-LCH	61.536, 45.054, 168.954
CIE-LUV	61.536, -49.664, 18.888
Hunter-Lab	54.647, -35.066, 9.377
Binary	00011000, 10101000, 10000100

#18a884
```
#18a884 rgb(24,168,132)
```
#a8183c
```
#a8183c rgb(168,24,60)
```

Complementary Color

#18a83c
```
#18a83c rgb(24,168,60)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#1884a8
```
#1884a8 rgb(24,132,168)
```

Analogous Color

#a83c18
```
#a83c18 rgb(168,60,24)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#a81884
```
#a81884 rgb(168,24,132)
```

Split Complementary Color

#a88418
```
#a88418 rgb(168,132,24)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#8418a8
```
#8418a8 rgb(132,24,168)
```

Triadic Color

#3ca818
```
#3ca818 rgb(60,168,24)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#8418a8
```
#8418a8 rgb(132,24,168)
```
#a8183c
```
#a8183c rgb(168,24,60)
```

Tetradic Color

#0e654f
```
#0e654f rgb(14,101,79)
```
#127b61
```
#127b61 rgb(18,123,97)
```
#159272
```
#159272 rgb(21,146,114)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#1bbe96
```
#1bbe96 rgb(27,190,150)
```
#1ed5a7
```
#1ed5a7 rgb(30,213,167)
```
#2ce1b4
```
#2ce1b4 rgb(44,225,180)
```

Monochromatic Color

Below, you can see some colors close to #18a884. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#18a860
```
#18a860 rgb(24,168,96)
```
#18a86c
```
#18a86c rgb(24,168,108)
```
#18a878
```
#18a878 rgb(24,168,120)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#18a890
```
#18a890 rgb(24,168,144)
```
#18a89c
```
#18a89c rgb(24,168,156)
```
#18a8a8
```
#18a8a8 rgb(24,168,168)
```

Similar Colors

Text with hexadecimal color #18a884

This text has a font color of #18a884.

<span style="color:#18a884;">Text here</span>

#18a884 background color

This paragraph has a background color of #18a884.

<p style="background-color:#18a884;">Content here</p>

#18a884 border color

This element has a border color of #18a884.

<div style="border:1px solid #18a884;">Content here</div>

CSS codes

.text {color:#18a884;}

.background {background-color:#18a884;}

.border {border:1px solid #18a884;}

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, #020e0b is the darkest color, while #fbfefe is the lightest one.

#020e0b
```
#020e0b rgb(2,14,11)
```
#041f18
```
#041f18 rgb(4,31,24)
```
#073026
```
#073026 rgb(7,48,38)
```
#094133
```
#094133 rgb(9,65,51)
```
#0c5241
```
#0c5241 rgb(12,82,65)
```
#0e634e
```
#0e634e rgb(14,99,78)
```
#11755c
```
#11755c rgb(17,117,92)
```
#138669
```
#138669 rgb(19,134,105)
```
#169777
```
#169777 rgb(22,151,119)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#1ab991
```
#1ab991 rgb(26,185,145)
```
#1dca9f
```
#1dca9f rgb(29,202,159)
```
#1fdbac
```
#1fdbac rgb(31,219,172)
```

Shade Color Variation

#2de1b4
```
#2de1b4 rgb(45,225,180)
```
#3fe4ba
```
#3fe4ba rgb(63,228,186)
```
#50e6c0
```
#50e6c0 rgb(80,230,192)
```
#61e8c7
```
#61e8c7 rgb(97,232,199)
```
#72ebcd
```
#72ebcd rgb(114,235,205)
```
#83edd3
```
#83edd3 rgb(131,237,211)
```
#94f0d9
```
#94f0d9 rgb(148,240,217)
```
#a6f2df
```
#a6f2df rgb(166,242,223)
```
#b7f5e5
```
#b7f5e5 rgb(183,245,229)
```
#c8f7eb
```
#c8f7eb rgb(200,247,235)
```
#d9faf1
```
#d9faf1 rgb(217,250,241)
```
#eafcf8
```
#eafcf8 rgb(234,252,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a6663 is the less saturated color, while #02be8f is the most saturated one.

#5a6663
```
#5a6663 rgb(90,102,99)
```
#536d66
```
#536d66 rgb(83,109,102)
```
#4c746a
```
#4c746a rgb(76,116,106)
```
#447c6e
```
#447c6e rgb(68,124,110)
```
#3d8372
```
#3d8372 rgb(61,131,114)
```
#368a75
```
#368a75 rgb(54,138,117)
```
#2e9279
```
#2e9279 rgb(46,146,121)
```
#27997d
```
#27997d rgb(39,153,125)
```
#1fa180
```
#1fa180 rgb(31,161,128)
```
#18a884
```
#18a884 rgb(24,168,132)
```
#11af88
```
#11af88 rgb(17,175,136)
```
#09b78b
```
#09b78b rgb(9,183,139)
```
#02be8f
```
#02be8f rgb(2,190,143)
```

Tone Color Variation

Below, you can see how #18a884 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.

Monochromacy

#797979 Achromatopsia 0.005% of the population
#66827b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29981 Protanopia 1% of men
#ab9592 Deuteranopia 1% of men
#45a6b3 Tritanopia 0.001% of the population

Trichromacy

#709e82 Protanomaly 1% of men, 0.01% of women
#759c8d Deuteranomaly 6% of men, 0.4% of women
#34a7a1 Tritanomaly 0.01% of the population

#18a884 hex color

#18a884 Color Information

#18a884 Color Conversion

Color Schemes with #18a884

Alternatives to #18a884

#18a884 Preview

Shades and Tints of #18a884

Tones of #18a884

Color Blindness Simulator