#18afdf hex color

In a RGB color space, hex #18afdf is composed of 9.4% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 194.5 degrees, a saturation of 80.6% and a lightness of 48.4%. #18afdf color hex could be obtained by blending #30ffff with #005fbf. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 69
- B 87
RGB color chart
- C 89
- M 22
- Y 0
- K 13
CMYK color chart

● #18afdf color description : Vivid cyan.

The hexadecimal color #18afdf has RGB values of R:24, G:175, B:223 and CMYK values of C:0.89, M:0.22, Y:0, K:0.13. Its decimal value is 1617887.

Hex triplet	18afdf	`#18afdf`
RGB Decimal	24, 175, 223	`rgb(24,175,223)`
RGB Percent	9.4, 68.6, 87.5	`rgb(9.4%,68.6%,87.5%)`
CMYK	89, 22, 0, 13
HSL	194.5°, 80.6, 48.4	`hsl(194.5,80.6%,48.4%)`
HSV (or HSB)	194.5°, 89.2, 87.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.656, -19.584, -34.324
XYZ	29.022, 36.179, 75.262
xyY	0.207, 0.258, 36.179
CIE-LCH	66.656, 39.518, 240.292
CIE-LUV	66.656, -45.295, -52.029
Hunter-Lab	60.149, -19.133, -32.082
Binary	00011000, 10101111, 11011111

#18afdf
```
#18afdf rgb(24,175,223)
```
#df4818
```
#df4818 rgb(223,72,24)
```

Complementary Color

#18dfac
```
#18dfac rgb(24,223,172)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#184cdf
```
#184cdf rgb(24,76,223)
```

Analogous Color

#dfac18
```
#dfac18 rgb(223,172,24)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#df184c
```
#df184c rgb(223,24,76)
```

Split Complementary Color

#afdf18
```
#afdf18 rgb(175,223,24)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#df18af
```
#df18af rgb(223,24,175)
```

Triadic Color

#18df48
```
#18df48 rgb(24,223,72)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#df18af
```
#df18af rgb(223,24,175)
```
#df4818
```
#df4818 rgb(223,72,24)
```

Tetradic Color

#11799a
```
#11799a rgb(17,121,154)
```
#138bb1
```
#138bb1 rgb(19,139,177)
```
#169dc8
```
#169dc8 rgb(22,157,200)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#29bae8
```
#29bae8 rgb(41,186,232)
```
#40c1ea
```
#40c1ea rgb(64,193,234)
```
#57c9ed
```
#57c9ed rgb(87,201,237)
```

Monochromatic Color

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

#18dfdd
```
#18dfdd rgb(24,223,221)
```
#18d0df
```
#18d0df rgb(24,208,223)
```
#18c0df
```
#18c0df rgb(24,192,223)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#189edf
```
#189edf rgb(24,158,223)
```
#188edf
```
#188edf rgb(24,142,223)
```
#187ddf
```
#187ddf rgb(24,125,223)
```

Similar Colors

Text with hexadecimal color #18afdf

This text has a font color of #18afdf.

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

#18afdf background color

This paragraph has a background color of #18afdf.

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

#18afdf border color

This element has a border color of #18afdf.

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

CSS codes

.text {color:#18afdf;}

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

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

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, #01080a is the darkest color, while #f8fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#03161c
```
#03161c rgb(3,22,28)
```
#05242e
```
#05242e rgb(5,36,46)
```
#073240
```
#073240 rgb(7,50,64)
```
#094051
```
#094051 rgb(9,64,81)
```
#0b4e63
```
#0b4e63 rgb(11,78,99)
```
#0d5c75
```
#0d5c75 rgb(13,92,117)
```
#0e6a86
```
#0e6a86 rgb(14,106,134)
```
#107798
```
#107798 rgb(16,119,152)
```
#1285aa
```
#1285aa rgb(18,133,170)
```
#1493bc
```
#1493bc rgb(20,147,188)
```
#16a1cd
```
#16a1cd rgb(22,161,205)
```
#18afdf
```
#18afdf rgb(24,175,223)
```

Shade Color Variation

#23b8e7
```
#23b8e7 rgb(35,184,231)
```
#35bee9
```
#35bee9 rgb(53,190,233)
```
#47c3eb
```
#47c3eb rgb(71,195,235)
```
#58c9ed
```
#58c9ed rgb(88,201,237)
```
#6acfef
```
#6acfef rgb(106,207,239)
```
#7cd5f1
```
#7cd5f1 rgb(124,213,241)
```
#8edaf3
```
#8edaf3 rgb(142,218,243)
```
#9fe0f5
```
#9fe0f5 rgb(159,224,245)
```
#b1e6f7
```
#b1e6f7 rgb(177,230,247)
```
#c3ecf9
```
#c3ecf9 rgb(195,236,249)
```
#d4f1fa
```
#d4f1fa rgb(212,241,250)
```
#e6f7fc
```
#e6f7fc rgb(230,247,252)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e80 is the less saturated color, while #05b9f2 is the most saturated one.

#777e80
```
#777e80 rgb(119,126,128)
```
#6e838a
```
#6e838a rgb(110,131,138)
```
#648893
```
#648893 rgb(100,136,147)
```
#5b8d9d
```
#5b8d9d rgb(91,141,157)
```
#5191a6
```
#5191a6 rgb(81,145,166)
```
#4896b0
```
#4896b0 rgb(72,150,176)
```
#3e9bb9
```
#3e9bb9 rgb(62,155,185)
```
#35a0c3
```
#35a0c3 rgb(53,160,195)
```
#2ba5cc
```
#2ba5cc rgb(43,165,204)
```
#22aad6
```
#22aad6 rgb(34,170,214)
```
#18afdf
```
#18afdf rgb(24,175,223)
```
#0fb4e9
```
#0fb4e9 rgb(15,180,233)
```
#05b9f2
```
#05b9f2 rgb(5,185,242)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#718f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d7 Protanopia 1% of men
#8da5e6 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#69a8d9 Protanomaly 1% of men, 0.01% of women
#62a8e3 Deuteranomaly 6% of men, 0.4% of women
#08b4cd Tritanomaly 0.01% of the population

#18afdf hex color

#18afdf Color Information

#18afdf Color Conversion

Color Schemes with #18afdf

Alternatives to #18afdf

#18afdf Preview

Shades and Tints of #18afdf

Tones of #18afdf

Color Blindness Simulator