#18a69c hex color

In a RGB color space, hex #18a69c is composed of 9.4% red, 65.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 0% magenta, 6% yellow and 34.9% black. It has a hue angle of 175.8 degrees, a saturation of 74.7% and a lightness of 37.3%. #18a69c color hex could be obtained by blending #30ffff with #004d39. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 65
- B 61
RGB color chart
- C 86
- M 0
- Y 6
- K 35
CMYK color chart

● #18a69c color description : Dark cyan.

The hexadecimal color #18a69c has RGB values of R:24, G:166, B:156 and CMYK values of C:0.86, M:0, Y:0.06, K:0.35. Its decimal value is 1615516.

Hex triplet	18a69c	`#18a69c`
RGB Decimal	24, 166, 156	`rgb(24,166,156)`
RGB Percent	9.4, 65.1, 61.2	`rgb(9.4%,65.1%,61.2%)`
CMYK	86, 0, 6, 35
HSL	175.8°, 74.7, 37.3	`hsl(175.8,74.7%,37.3%)`
HSV (or HSB)	175.8°, 85.5, 65.1
Web Safe	009999	`#009999`

CIE-LAB	61.537, -36.76, -4.816
XYZ	20.012, 29.865, 36.16
xyY	0.233, 0.347, 29.865
CIE-LCH	61.537, 37.074, 187.464
CIE-LUV	61.537, -47.185, -1.66
Hunter-Lab	54.649, -30.271, -0.977
Binary	00011000, 10100110, 10011100

#18a69c
```
#18a69c rgb(24,166,156)
```
#a61822
```
#a61822 rgb(166,24,34)
```

Complementary Color

#18a655
```
#18a655 rgb(24,166,85)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#1869a6
```
#1869a6 rgb(24,105,166)
```

Analogous Color

#a65518
```
#a65518 rgb(166,85,24)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#a61869
```
#a61869 rgb(166,24,105)
```

Split Complementary Color

#a69c18
```
#a69c18 rgb(166,156,24)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#9c18a6
```
#9c18a6 rgb(156,24,166)
```

Triadic Color

#22a618
```
#22a618 rgb(34,166,24)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#9c18a6
```
#9c18a6 rgb(156,24,166)
```
#a61822
```
#a61822 rgb(166,24,34)
```

Tetradic Color

#0e635d
```
#0e635d rgb(14,99,93)
```
#127972
```
#127972 rgb(18,121,114)
```
#159087
```
#159087 rgb(21,144,135)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#1bbcb1
```
#1bbcb1 rgb(27,188,177)
```
#1ed3c6
```
#1ed3c6 rgb(30,211,198)
```
#2ae0d3
```
#2ae0d3 rgb(42,224,211)
```

Monochromatic Color

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

#18a679
```
#18a679 rgb(24,166,121)
```
#18a684
```
#18a684 rgb(24,166,132)
```
#18a690
```
#18a690 rgb(24,166,144)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#18a4a6
```
#18a4a6 rgb(24,164,166)
```
#1898a6
```
#1898a6 rgb(24,152,166)
```
#188da6
```
#188da6 rgb(24,141,166)
```

Similar Colors

Text with hexadecimal color #18a69c

This text has a font color of #18a69c.

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

#18a69c background color

This paragraph has a background color of #18a69c.

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

#18a69c border color

This element has a border color of #18a69c.

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

CSS codes

.text {color:#18a69c;}

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

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

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

#020c0b
```
#020c0b rgb(2,12,11)
```
#041d1b
```
#041d1b rgb(4,29,27)
```
#072e2b
```
#072e2b rgb(7,46,43)
```
#093f3b
```
#093f3b rgb(9,63,59)
```
#0c504b
```
#0c504b rgb(12,80,75)
```
#0e615c
```
#0e615c rgb(14,97,92)
```
#11736c
```
#11736c rgb(17,115,108)
```
#13847c
```
#13847c rgb(19,132,124)
```
#16958c
```
#16958c rgb(22,149,140)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#1ab7ac
```
#1ab7ac rgb(26,183,172)
```
#1dc8bc
```
#1dc8bc rgb(29,200,188)
```
#1fd9cc
```
#1fd9cc rgb(31,217,204)
```

Shade Color Variation

#2ce0d4
```
#2ce0d4 rgb(44,224,212)
```
#3de3d7
```
#3de3d7 rgb(61,227,215)
```
#4ee5db
```
#4ee5db rgb(78,229,219)
```
#5fe8de
```
#5fe8de rgb(95,232,222)
```
#71eae2
```
#71eae2 rgb(113,234,226)
```
#82ede5
```
#82ede5 rgb(130,237,229)
```
#93efe9
```
#93efe9 rgb(147,239,233)
```
#a4f2ec
```
#a4f2ec rgb(164,242,236)
```
#b5f4f0
```
#b5f4f0 rgb(181,244,240)
```
#c6f7f3
```
#c6f7f3 rgb(198,247,243)
```
#d7f9f7
```
#d7f9f7 rgb(215,249,247)
```
#e8fcfa
```
#e8fcfa rgb(232,252,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#5a6463
```
#5a6463 rgb(90,100,99)
```
#526c6a
```
#526c6a rgb(82,108,106)
```
#4b7370
```
#4b7370 rgb(75,115,112)
```
#447a76
```
#447a76 rgb(68,122,118)
```
#3d817d
```
#3d817d rgb(61,129,125)
```
#358983
```
#358983 rgb(53,137,131)
```
#2e9089
```
#2e9089 rgb(46,144,137)
```
#27978f
```
#27978f rgb(39,151,143)
```
#1f9f96
```
#1f9f96 rgb(31,159,150)
```
#18a69c
```
#18a69c rgb(24,166,156)
```
#11ada2
```
#11ada2 rgb(17,173,162)
```
#09b5a9
```
#09b5a9 rgb(9,181,169)
```
#02bcaf
```
#02bcaf rgb(2,188,175)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#668381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9997 Protanopia 1% of men
#a196a8 Deuteranopia 1% of men
#38a7b4 Tritanopia 0.001% of the population

Trichromacy

#6c9d99 Protanomaly 1% of men, 0.01% of women
#6f9ba4 Deuteranomaly 6% of men, 0.4% of women
#2ca7ab Tritanomaly 0.01% of the population

#18a69c hex color

#18a69c Color Information

#18a69c Color Conversion

Color Schemes with #18a69c

Alternatives to #18a69c

#18a69c Preview

Shades and Tints of #18a69c

Tones of #18a69c

Color Blindness Simulator