#18aa9e hex color

In a RGB color space, hex #18aa9e is composed of 9.4% red, 66.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 0% magenta, 7.1% yellow and 33.3% black. It has a hue angle of 175.1 degrees, a saturation of 75.3% and a lightness of 38%. #18aa9e color hex could be obtained by blending #30ffff with #00553d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 9
- G 67
- B 62
RGB color chart
- C 86
- M 0
- Y 7
- K 33
CMYK color chart

● #18aa9e color description : Dark cyan.

The hexadecimal color #18aa9e has RGB values of R:24, G:170, B:158 and CMYK values of C:0.86, M:0, Y:0.07, K:0.33. Its decimal value is 1616542.

Hex triplet	18aa9e	`#18aa9e`
RGB Decimal	24, 170, 158	`rgb(24,170,158)`
RGB Percent	9.4, 66.7, 62	`rgb(9.4%,66.7%,62%)`
CMYK	86, 0, 7, 33
HSL	175.1°, 75.3, 38	`hsl(175.1,75.3%,38%)`
HSV (or HSB)	175.1°, 85.9, 66.7
Web Safe	009999	`#009999`

CIE-LAB	62.852, -37.989, -3.997
XYZ	20.921, 31.41, 37.306
xyY	0.233, 0.35, 31.41
CIE-LCH	62.852, 38.199, 186.006
CIE-LUV	62.852, -48.444, -0.243
Hunter-Lab	56.045, -31.446, -0.235
Binary	00011000, 10101010, 10011110

#18aa9e
```
#18aa9e rgb(24,170,158)
```
#aa1824
```
#aa1824 rgb(170,24,36)
```

Complementary Color

#18aa55
```
#18aa55 rgb(24,170,85)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#186daa
```
#186daa rgb(24,109,170)
```

Analogous Color

#aa5518
```
#aa5518 rgb(170,85,24)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#aa186d
```
#aa186d rgb(170,24,109)
```

Split Complementary Color

#aa9e18
```
#aa9e18 rgb(170,158,24)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#9e18aa
```
#9e18aa rgb(158,24,170)
```

Triadic Color

#24aa18
```
#24aa18 rgb(36,170,24)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#9e18aa
```
#9e18aa rgb(158,24,170)
```
#aa1824
```
#aa1824 rgb(170,24,36)
```

Tetradic Color

#0f6760
```
#0f6760 rgb(15,103,96)
```
#127d74
```
#127d74 rgb(18,125,116)
```
#159489
```
#159489 rgb(21,148,137)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#1bc0b3
```
#1bc0b3 rgb(27,192,179)
```
#1ed7c8
```
#1ed7c8 rgb(30,215,200)
```
#2de1d3
```
#2de1d3 rgb(45,225,211)
```

Monochromatic Color

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

#18aa7a
```
#18aa7a rgb(24,170,122)
```
#18aa86
```
#18aa86 rgb(24,170,134)
```
#18aa92
```
#18aa92 rgb(24,170,146)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#18aaaa
```
#18aaaa rgb(24,170,170)
```
#189eaa
```
#189eaa rgb(24,158,170)
```
#1892aa
```
#1892aa rgb(24,146,170)
```

Similar Colors

Text with hexadecimal color #18aa9e

This text has a font color of #18aa9e.

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

#18aa9e background color

This paragraph has a background color of #18aa9e.

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

#18aa9e border color

This element has a border color of #18aa9e.

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

CSS codes

.text {color:#18aa9e;}

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

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

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

#020f0e
```
#020f0e rgb(2,15,14)
```
#05201e
```
#05201e rgb(5,32,30)
```
#07322e
```
#07322e rgb(7,50,46)
```
#09433e
```
#09433e rgb(9,67,62)
```
#0c544e
```
#0c544e rgb(12,84,78)
```
#0e655e
```
#0e655e rgb(14,101,94)
```
#11766e
```
#11766e rgb(17,118,110)
```
#13887e
```
#13887e rgb(19,136,126)
```
#16998e
```
#16998e rgb(22,153,142)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#1abbae
```
#1abbae rgb(26,187,174)
```
#1dccbe
```
#1dccbe rgb(29,204,190)
```
#1fdece
```
#1fdece rgb(31,222,206)
```

Shade Color Variation

#2fe2d3
```
#2fe2d3 rgb(47,226,211)
```
#40e4d7
```
#40e4d7 rgb(64,228,215)
```
#51e6da
```
#51e6da rgb(81,230,218)
```
#62e9de
```
#62e9de rgb(98,233,222)
```
#74ebe1
```
#74ebe1 rgb(116,235,225)
```
#85eee5
```
#85eee5 rgb(133,238,229)
```
#96f0e9
```
#96f0e9 rgb(150,240,233)
```
#a7f3ec
```
#a7f3ec rgb(167,243,236)
```
#b8f5f0
```
#b8f5f0 rgb(184,245,240)
```
#caf7f4
```
#caf7f4 rgb(202,247,244)
```
#dbfaf7
```
#dbfaf7 rgb(219,250,247)
```
#ecfcfb
```
#ecfcfb rgb(236,252,251)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#5b6766
```
#5b6766 rgb(91,103,102)
```
#546e6c
```
#546e6c rgb(84,110,108)
```
#4c7672
```
#4c7672 rgb(76,118,114)
```
#457d79
```
#457d79 rgb(69,125,121)
```
#3d857f
```
#3d857f rgb(61,133,127)
```
#368c85
```
#368c85 rgb(54,140,133)
```
#2e948b
```
#2e948b rgb(46,148,139)
```
#279b92
```
#279b92 rgb(39,155,146)
```
#1fa398
```
#1fa398 rgb(31,163,152)
```
#18aa9e
```
#18aa9e rgb(24,170,158)
```
#11b1a4
```
#11b1a4 rgb(17,177,164)
```
#09b9aa
```
#09b9aa rgb(9,185,170)
```
#02c0b1
```
#02c0b1 rgb(2,192,177)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#698684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09c99 Protanopia 1% of men
#a599aa Deuteranopia 1% of men
#3aabb7 Tritanopia 0.001% of the population

Trichromacy

#6fa19b Protanomaly 1% of men, 0.01% of women
#729fa6 Deuteranomaly 6% of men, 0.4% of women
#2daaae Tritanomaly 0.01% of the population

#18aa9e hex color

#18aa9e Color Information

#18aa9e Color Conversion

Color Schemes with #18aa9e

Alternatives to #18aa9e

#18aa9e Preview

Shades and Tints of #18aa9e

Tones of #18aa9e

Color Blindness Simulator