#18aac6 hex color

In a RGB color space, hex #18aac6 is composed of 9.4% red, 66.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 87.9% cyan, 14.1% magenta, 0% yellow and 22.4% black. It has a hue angle of 189.7 degrees, a saturation of 78.4% and a lightness of 43.5%. #18aac6 color hex could be obtained by blending #30ffff with #00558d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 67
- B 78
RGB color chart
- C 88
- M 14
- Y 0
- K 22
CMYK color chart

● #18aac6 color description : Strong cyan.

The hexadecimal color #18aac6 has RGB values of R:24, G:170, B:198 and CMYK values of C:0.88, M:0.14, Y:0, K:0.22. Its decimal value is 1616582.

Hex triplet	18aac6	`#18aac6`
RGB Decimal	24, 170, 198	`rgb(24,170,198)`
RGB Percent	9.4, 66.7, 77.6	`rgb(9.4%,66.7%,77.6%)`
CMYK	88, 14, 0, 22
HSL	189.7°, 78.4, 43.5	`hsl(189.7,78.4%,43.5%)`
HSV (or HSB)	189.7°, 87.9, 77.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.176, -25.476, -24.339
XYZ	24.942, 33.018, 58.482
xyY	0.214, 0.284, 33.018
CIE-LCH	64.176, 35.234, 223.693
CIE-LUV	64.176, -45.408, -34.345
Hunter-Lab	57.462, -23.079, -20.119
Binary	00011000, 10101010, 11000110

#18aac6
```
#18aac6 rgb(24,170,198)
```
#c63418
```
#c63418 rgb(198,52,24)
```

Complementary Color

#18c68b
```
#18c68b rgb(24,198,139)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#1853c6
```
#1853c6 rgb(24,83,198)
```

Analogous Color

#c68b18
```
#c68b18 rgb(198,139,24)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#c61853
```
#c61853 rgb(198,24,83)
```

Split Complementary Color

#aac618
```
#aac618 rgb(170,198,24)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#c618aa
```
#c618aa rgb(198,24,170)
```

Triadic Color

#18c634
```
#18c634 rgb(24,198,52)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#c618aa
```
#c618aa rgb(198,24,170)
```
#c63418
```
#c63418 rgb(198,52,24)
```

Tetradic Color

#106f82
```
#106f82 rgb(16,111,130)
```
#128399
```
#128399 rgb(18,131,153)
```
#1596af
```
#1596af rgb(21,150,175)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#1bbedd
```
#1bbedd rgb(27,190,221)
```
#2cc7e5
```
#2cc7e5 rgb(44,199,229)
```
#42cde8
```
#42cde8 rgb(66,205,232)
```

Monochromatic Color

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

#18c6b7
```
#18c6b7 rgb(24,198,183)
```
#18c6c5
```
#18c6c5 rgb(24,198,197)
```
#18b9c6
```
#18b9c6 rgb(24,185,198)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#189cc6
```
#189cc6 rgb(24,156,198)
```
#188dc6
```
#188dc6 rgb(24,141,198)
```
#187fc6
```
#187fc6 rgb(24,127,198)
```

Similar Colors

Text with hexadecimal color #18aac6

This text has a font color of #18aac6.

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

#18aac6 background color

This paragraph has a background color of #18aac6.

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

#18aac6 border color

This element has a border color of #18aac6.

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

CSS codes

.text {color:#18aac6;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#031417
```
#031417 rgb(3,20,23)
```
#052329
```
#052329 rgb(5,35,41)
```
#07323a
```
#07323a rgb(7,50,58)
```
#09414c
```
#09414c rgb(9,65,76)
```
#0b505d
```
#0b505d rgb(11,80,93)
```
#0d5f6f
```
#0d5f6f rgb(13,95,111)
```
#106e80
```
#106e80 rgb(16,110,128)
```
#127d92
```
#127d92 rgb(18,125,146)
```
#148ca3
```
#148ca3 rgb(20,140,163)
```
#169bb5
```
#169bb5 rgb(22,155,181)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#1ab9d7
```
#1ab9d7 rgb(26,185,215)
```

Shade Color Variation

#21c5e4
```
#21c5e4 rgb(33,197,228)
```
#33c9e6
```
#33c9e6 rgb(51,201,230)
```
#44cee8
```
#44cee8 rgb(68,206,232)
```
#56d3ea
```
#56d3ea rgb(86,211,234)
```
#67d7ed
```
#67d7ed rgb(103,215,237)
```
#79dcef
```
#79dcef rgb(121,220,239)
```
#8ae0f1
```
#8ae0f1 rgb(138,224,241)
```
#9ce5f3
```
#9ce5f3 rgb(156,229,243)
```
#ade9f5
```
#ade9f5 rgb(173,233,245)
```
#bfeef7
```
#bfeef7 rgb(191,238,247)
```
#d0f3f9
```
#d0f3f9 rgb(208,243,249)
```
#e2f7fb
```
#e2f7fb rgb(226,247,251)
```
#f3fcfe
```
#f3fcfe rgb(243,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7071 is the less saturated color, while #07b6d7 is the most saturated one.

#6d7071
```
#6d7071 rgb(109,112,113)
```
#657679
```
#657679 rgb(101,118,121)
```
#5c7c82
```
#5c7c82 rgb(92,124,130)
```
#54818a
```
#54818a rgb(84,129,138)
```
#4b8793
```
#4b8793 rgb(75,135,147)
```
#438d9b
```
#438d9b rgb(67,141,155)
```
#3a93a4
```
#3a93a4 rgb(58,147,164)
```
#3299ac
```
#3299ac rgb(50,153,172)
```
#299eb5
```
#299eb5 rgb(41,158,181)
```
#21a4bd
```
#21a4bd rgb(33,164,189)
```
#18aac6
```
#18aac6 rgb(24,170,198)
```
#0fb0cf
```
#0fb0cf rgb(15,176,207)
```
#07b6d7
```
#07b6d7 rgb(7,182,215)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6d8a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999fbf Protanopia 1% of men
#949ecf Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#6aa3c1 Protanomaly 1% of men, 0.01% of women
#67a2cb Deuteranomaly 6% of men, 0.4% of women
#08aec0 Tritanomaly 0.01% of the population

#18aac6 hex color

#18aac6 Color Information

#18aac6 Color Conversion

Color Schemes with #18aac6

Alternatives to #18aac6

#18aac6 Preview

Shades and Tints of #18aac6

Tones of #18aac6

Color Blindness Simulator