#18ae9a hex color

In a RGB color space, hex #18ae9a is composed of 9.4% red, 68.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 0% magenta, 11.5% yellow and 31.8% black. It has a hue angle of 172 degrees, a saturation of 75.8% and a lightness of 38.8%. #18ae9a color hex could be obtained by blending #30ffff with #005d35. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 68
- B 60
RGB color chart
- C 86
- M 0
- Y 11
- K 32
CMYK color chart

● #18ae9a color description : Dark cyan.

The hexadecimal color #18ae9a has RGB values of R:24, G:174, B:154 and CMYK values of C:0.86, M:0, Y:0.11, K:0.32. Its decimal value is 1617562.

Hex triplet	18ae9a	`#18ae9a`
RGB Decimal	24, 174, 154	`rgb(24,174,154)`
RGB Percent	9.4, 68.2, 60.4	`rgb(9.4%,68.2%,60.4%)`
CMYK	86, 0, 11, 32
HSL	172°, 75.8, 38.8	`hsl(172,75.8%,38.8%)`
HSV (or HSB)	172°, 86.2, 68.2
Web Safe	009999	`#009999`

CIE-LAB	63.996, -40.902, -0.084
XYZ	21.343, 32.797, 35.776
xyY	0.237, 0.365, 32.797
CIE-LCH	63.996, 40.902, 180.117
CIE-LUV	63.996, -50.15, 6.048
Hunter-Lab	57.269, -33.696, 3.05
Binary	00011000, 10101110, 10011010

#18ae9a
```
#18ae9a rgb(24,174,154)
```
#ae182c
```
#ae182c rgb(174,24,44)
```

Complementary Color

#18ae4f
```
#18ae4f rgb(24,174,79)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#1877ae
```
#1877ae rgb(24,119,174)
```

Analogous Color

#ae4f18
```
#ae4f18 rgb(174,79,24)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#ae1877
```
#ae1877 rgb(174,24,119)
```

Split Complementary Color

#ae9a18
```
#ae9a18 rgb(174,154,24)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#9a18ae
```
#9a18ae rgb(154,24,174)
```

Triadic Color

#2cae18
```
#2cae18 rgb(44,174,24)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#9a18ae
```
#9a18ae rgb(154,24,174)
```
#ae182c
```
#ae182c rgb(174,24,44)
```

Tetradic Color

#0f6b5f
```
#0f6b5f rgb(15,107,95)
```
#128172
```
#128172 rgb(18,129,114)
```
#159886
```
#159886 rgb(21,152,134)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#1bc4ae
```
#1bc4ae rgb(27,196,174)
```
#1edbc2
```
#1edbc2 rgb(30,219,194)
```
#30e2cb
```
#30e2cb rgb(48,226,203)
```

Monochromatic Color

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

#18ae75
```
#18ae75 rgb(24,174,117)
```
#18ae81
```
#18ae81 rgb(24,174,129)
```
#18ae8e
```
#18ae8e rgb(24,174,142)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#18aea7
```
#18aea7 rgb(24,174,167)
```
#18a9ae
```
#18a9ae rgb(24,169,174)
```
#189dae
```
#189dae rgb(24,157,174)
```

Similar Colors

Text with hexadecimal color #18ae9a

This text has a font color of #18ae9a.

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

#18ae9a background color

This paragraph has a background color of #18ae9a.

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

#18ae9a border color

This element has a border color of #18ae9a.

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

CSS codes

.text {color:#18ae9a;}

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

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

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, #000201 is the darkest color, while #effdfb is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#031311
```
#031311 rgb(3,19,17)
```
#052420
```
#052420 rgb(5,36,32)
```
#07352f
```
#07352f rgb(7,53,47)
```
#0a473e
```
#0a473e rgb(10,71,62)
```
#0c584e
```
#0c584e rgb(12,88,78)
```
#0e695d
```
#0e695d rgb(14,105,93)
```
#117a6c
```
#117a6c rgb(17,122,108)
```
#138c7b
```
#138c7b rgb(19,140,123)
```
#169d8b
```
#169d8b rgb(22,157,139)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#1abfa9
```
#1abfa9 rgb(26,191,169)
```
#1dd0b9
```
#1dd0b9 rgb(29,208,185)
```

Shade Color Variation

#21e0c7
```
#21e0c7 rgb(33,224,199)
```
#32e3cb
```
#32e3cb rgb(50,227,203)
```
#43e5cf
```
#43e5cf rgb(67,229,207)
```
#54e7d4
```
#54e7d4 rgb(84,231,212)
```
#65ead8
```
#65ead8 rgb(101,234,216)
```
#77ecdd
```
#77ecdd rgb(119,236,221)
```
#88efe1
```
#88efe1 rgb(136,239,225)
```
#99f1e5
```
#99f1e5 rgb(153,241,229)
```
#aaf3ea
```
#aaf3ea rgb(170,243,234)
```
#bcf6ee
```
#bcf6ee rgb(188,246,238)
```
#cdf8f2
```
#cdf8f2 rgb(205,248,242)
```
#defaf7
```
#defaf7 rgb(222,250,247)
```
#effdfb
```
#effdfb rgb(239,253,251)
```

Tint Color Variation

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

#5d6968
```
#5d6968 rgb(93,105,104)
```
#55716d
```
#55716d rgb(85,113,109)
```
#4d7973
```
#4d7973 rgb(77,121,115)
```
#468078
```
#468078 rgb(70,128,120)
```
#3e887e
```
#3e887e rgb(62,136,126)
```
#369084
```
#369084 rgb(54,144,132)
```
#2f9789
```
#2f9789 rgb(47,151,137)
```
#279f8f
```
#279f8f rgb(39,159,143)
```
#20a694
```
#20a694 rgb(32,166,148)
```
#18ae9a
```
#18ae9a rgb(24,174,154)
```
#10b6a0
```
#10b6a0 rgb(16,182,160)
```
#09bda5
```
#09bda5 rgb(9,189,165)
```
#01c5ab
```
#01c5ab rgb(1,197,171)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a8884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59f95 Protanopia 1% of men
#ab9ba7 Deuteranopia 1% of men
#3faeba Tritanopia 0.001% of the population

Trichromacy

#72a497 Protanomaly 1% of men, 0.01% of women
#76a2a2 Deuteranomaly 6% of men, 0.4% of women
#31aeae Tritanomaly 0.01% of the population

#18ae9a hex color

#18ae9a Color Information

#18ae9a Color Conversion

Color Schemes with #18ae9a

Alternatives to #18ae9a

#18ae9a Preview

Shades and Tints of #18ae9a

Tones of #18ae9a

Color Blindness Simulator