#18afc9 hex color

In a RGB color space, hex #18afc9 is composed of 9.4% red, 68.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 12.9% magenta, 0% yellow and 21.2% black. It has a hue angle of 188.8 degrees, a saturation of 78.7% and a lightness of 44.1%. #18afc9 color hex could be obtained by blending #30ffff with #005f93. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 69
- B 79
RGB color chart
- C 88
- M 13
- Y 0
- K 21
CMYK color chart

● #18afc9 color description : Strong cyan.

The hexadecimal color #18afc9 has RGB values of R:24, G:175, B:201 and CMYK values of C:0.88, M:0.13, Y:0, K:0.21. Its decimal value is 1617865.

Hex triplet	18afc9	`#18afc9`
RGB Decimal	24, 175, 201	`rgb(24,175,201)`
RGB Percent	9.4, 68.6, 78.8	`rgb(9.4%,68.6%,78.8%)`
CMYK	88, 13, 0, 21
HSL	188.8°, 78.7, 44.1	`hsl(188.8,78.7%,44.1%)`
HSV (or HSB)	188.8°, 88.1, 78.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.802, -26.998, -23.512
XYZ	26.246, 35.069, 60.641
xyY	0.215, 0.288, 35.069
CIE-LCH	65.802, 35.801, 221.052
CIE-LUV	65.802, -46.917, -32.896
Hunter-Lab	59.219, -24.52, -19.261
Binary	00011000, 10101111, 11001001

#18afc9
```
#18afc9 rgb(24,175,201)
```
#c93218
```
#c93218 rgb(201,50,24)
```

Complementary Color

#18c98b
```
#18c98b rgb(24,201,139)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#1857c9
```
#1857c9 rgb(24,87,201)
```

Analogous Color

#c98b18
```
#c98b18 rgb(201,139,24)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#c91857
```
#c91857 rgb(201,24,87)
```

Split Complementary Color

#afc918
```
#afc918 rgb(175,201,24)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#c918af
```
#c918af rgb(201,24,175)
```

Triadic Color

#18c932
```
#18c932 rgb(24,201,50)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#c918af
```
#c918af rgb(201,24,175)
```
#c93218
```
#c93218 rgb(201,50,24)
```

Tetradic Color

#107485
```
#107485 rgb(16,116,133)
```
#13879b
```
#13879b rgb(19,135,155)
```
#159bb2
```
#159bb2 rgb(21,155,178)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#1bc3e0
```
#1bc3e0 rgb(27,195,224)
```
#2ecbe6
```
#2ecbe6 rgb(46,203,230)
```
#45d1e9
```
#45d1e9 rgb(69,209,233)
```

Monochromatic Color

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

#18c9b7
```
#18c9b7 rgb(24,201,183)
```
#18c9c6
```
#18c9c6 rgb(24,201,198)
```
#18bec9
```
#18bec9 rgb(24,190,201)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#18a0c9
```
#18a0c9 rgb(24,160,201)
```
#1892c9
```
#1892c9 rgb(24,146,201)
```
#1883c9
```
#1883c9 rgb(24,131,201)
```

Similar Colors

Text with hexadecimal color #18afc9

This text has a font color of #18afc9.

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

#18afc9 background color

This paragraph has a background color of #18afc9.

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

#18afc9 border color

This element has a border color of #18afc9.

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

CSS codes

.text {color:#18afc9;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#03161a
```
#03161a rgb(3,22,26)
```
#05262b
```
#05262b rgb(5,38,43)
```
#07353d
```
#07353d rgb(7,53,61)
```
#09444e
```
#09444e rgb(9,68,78)
```
#0b5360
```
#0b5360 rgb(11,83,96)
```
#0e6371
```
#0e6371 rgb(14,99,113)
```
#107283
```
#107283 rgb(16,114,131)
```
#128194
```
#128194 rgb(18,129,148)
```
#1490a6
```
#1490a6 rgb(20,144,166)
```
#16a0b7
```
#16a0b7 rgb(22,160,183)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#1abedb
```
#1abedb rgb(26,190,219)
```

Shade Color Variation

#23c8e5
```
#23c8e5 rgb(35,200,229)
```
#35cde7
```
#35cde7 rgb(53,205,231)
```
#46d1e9
```
#46d1e9 rgb(70,209,233)
```
#58d5eb
```
#58d5eb rgb(88,213,235)
```
#6adaed
```
#6adaed rgb(106,218,237)
```
#7bdeef
```
#7bdeef rgb(123,222,239)
```
#8de3f1
```
#8de3f1 rgb(141,227,241)
```
#9ee7f3
```
#9ee7f3 rgb(158,231,243)
```
#b0ebf6
```
#b0ebf6 rgb(176,235,246)
```
#c1f0f8
```
#c1f0f8 rgb(193,240,248)
```
#d3f4fa
```
#d3f4fa rgb(211,244,250)
```
#e4f8fc
```
#e4f8fc rgb(228,248,252)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#6f7272
```
#6f7272 rgb(111,114,114)
```
#66787b
```
#66787b rgb(102,120,123)
```
#5d7e84
```
#5d7e84 rgb(93,126,132)
```
#55848c
```
#55848c rgb(85,132,140)
```
#4c8a95
```
#4c8a95 rgb(76,138,149)
```
#43909e
```
#43909e rgb(67,144,158)
```
#3b97a6
```
#3b97a6 rgb(59,151,166)
```
#329daf
```
#329daf rgb(50,157,175)
```
#29a3b8
```
#29a3b8 rgb(41,163,184)
```
#21a9c0
```
#21a9c0 rgb(33,169,192)
```
#18afc9
```
#18afc9 rgb(24,175,201)
```
#0fb5d2
```
#0fb5d2 rgb(15,181,210)
```
#07bbda
```
#07bbda rgb(7,187,218)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6f8d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da3c1 Protanopia 1% of men
#99a2d2 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6da7c4 Protanomaly 1% of men, 0.01% of women
#6aa6ce Deuteranomaly 6% of men, 0.4% of women
#08b2c4 Tritanomaly 0.01% of the population

#18afc9 hex color

#18afc9 Color Information

#18afc9 Color Conversion

Color Schemes with #18afc9

Alternatives to #18afc9

#18afc9 Preview

Shades and Tints of #18afc9

Tones of #18afc9

Color Blindness Simulator