#18aa9d hex color

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

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

● #18aa9d color description : Dark cyan.

The hexadecimal color #18aa9d has RGB values of R:24, G:170, B:157 and CMYK values of C:0.86, M:0, Y:0.08, K:0.33. Its decimal value is 1616541.

Hex triplet	18aa9d	`#18aa9d`
RGB Decimal	24, 170, 157	`rgb(24,170,157)`
RGB Percent	9.4, 66.7, 61.6	`rgb(9.4%,66.7%,61.6%)`
CMYK	86, 0, 8, 33
HSL	174.7°, 75.3, 38	`hsl(174.7,75.3%,38%)`
HSV (or HSB)	174.7°, 85.9, 66.7
Web Safe	009999	`#009999`

CIE-LAB	62.824, -38.279, -3.479
XYZ	20.835, 31.376, 36.854
xyY	0.234, 0.352, 31.376
CIE-LCH	62.824, 38.436, 185.193
CIE-LUV	62.824, -48.519, 0.579
Hunter-Lab	56.014, -31.629, 0.2
Binary	00011000, 10101010, 10011101

#18aa9d
```
#18aa9d rgb(24,170,157)
```
#aa1825
```
#aa1825 rgb(170,24,37)
```

Complementary Color

#18aa54
```
#18aa54 rgb(24,170,84)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#186eaa
```
#186eaa rgb(24,110,170)
```

Analogous Color

#aa5418
```
#aa5418 rgb(170,84,24)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#aa186e
```
#aa186e rgb(170,24,110)
```

Split Complementary Color

#aa9d18
```
#aa9d18 rgb(170,157,24)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#9d18aa
```
#9d18aa rgb(157,24,170)
```

Triadic Color

#25aa18
```
#25aa18 rgb(37,170,24)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#9d18aa
```
#9d18aa rgb(157,24,170)
```
#aa1825
```
#aa1825 rgb(170,24,37)
```

Tetradic Color

#0f675f
```
#0f675f rgb(15,103,95)
```
#127d74
```
#127d74 rgb(18,125,116)
```
#159488
```
#159488 rgb(21,148,136)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#1bc0b2
```
#1bc0b2 rgb(27,192,178)
```
#1ed7c6
```
#1ed7c6 rgb(30,215,198)
```
#2de1d1
```
#2de1d1 rgb(45,225,209)
```

Monochromatic Color

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

#18aa79
```
#18aa79 rgb(24,170,121)
```
#18aa85
```
#18aa85 rgb(24,170,133)
```
#18aa91
```
#18aa91 rgb(24,170,145)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#18aaa9
```
#18aaa9 rgb(24,170,169)
```
#189faa
```
#189faa rgb(24,159,170)
```
#1893aa
```
#1893aa rgb(24,147,170)
```

Similar Colors

Text with hexadecimal color #18aa9d

This text has a font color of #18aa9d.

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

#18aa9d background color

This paragraph has a background color of #18aa9d.

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

#18aa9d border color

This element has a border color of #18aa9d.

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

CSS codes

.text {color:#18aa9d;}

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

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

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)
```
#11766d
```
#11766d rgb(17,118,109)
```
#13887d
```
#13887d rgb(19,136,125)
```
#16998d
```
#16998d rgb(22,153,141)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#1abbad
```
#1abbad rgb(26,187,173)
```
#1dccbd
```
#1dccbd rgb(29,204,189)
```
#1fdecd
```
#1fdecd rgb(31,222,205)
```

Shade Color Variation

#2fe2d2
```
#2fe2d2 rgb(47,226,210)
```
#40e4d5
```
#40e4d5 rgb(64,228,213)
```
#51e6d9
```
#51e6d9 rgb(81,230,217)
```
#62e9dd
```
#62e9dd rgb(98,233,221)
```
#74ebe1
```
#74ebe1 rgb(116,235,225)
```
#85eee4
```
#85eee4 rgb(133,238,228)
```
#96f0e8
```
#96f0e8 rgb(150,240,232)
```
#a7f3ec
```
#a7f3ec rgb(167,243,236)
```
#b8f5f0
```
#b8f5f0 rgb(184,245,240)
```
#caf7f3
```
#caf7f3 rgb(202,247,243)
```
#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 #02c0af is the most saturated one.

#5b6766
```
#5b6766 rgb(91,103,102)
```
#546e6c
```
#546e6c rgb(84,110,108)
```
#4c7672
```
#4c7672 rgb(76,118,114)
```
#457d78
```
#457d78 rgb(69,125,120)
```
#3d857e
```
#3d857e rgb(61,133,126)
```
#368c84
```
#368c84 rgb(54,140,132)
```
#2e948b
```
#2e948b rgb(46,148,139)
```
#279b91
```
#279b91 rgb(39,155,145)
```
#1fa397
```
#1fa397 rgb(31,163,151)
```
#18aa9d
```
#18aa9d rgb(24,170,157)
```
#11b1a3
```
#11b1a3 rgb(17,177,163)
```
#09b9a9
```
#09b9a9 rgb(9,185,169)
```
#02c0af
```
#02c0af rgb(2,192,175)
```

Tone Color Variation

Below, you can see how #18aa9d 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
#698683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19c98 Protanopia 1% of men
#a599a9 Deuteranopia 1% of men
#3babb7 Tritanopia 0.001% of the population

Trichromacy

#6fa19a Protanomaly 1% of men, 0.01% of women
#729fa5 Deuteranomaly 6% of men, 0.4% of women
#2eaaad Tritanomaly 0.01% of the population

#18aa9d hex color

#18aa9d Color Information

#18aa9d Color Conversion

Color Schemes with #18aa9d

Alternatives to #18aa9d

#18aa9d Preview

Shades and Tints of #18aa9d

Tones of #18aa9d

Color Blindness Simulator