#18afdc hex color

In a RGB color space, hex #18afdc is composed of 9.4% red, 68.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 20.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.8 degrees, a saturation of 80.3% and a lightness of 47.8%. #18afdc color hex could be obtained by blending #30ffff with #005fb9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 9
- G 69
- B 86
RGB color chart
- C 89
- M 20
- Y 0
- K 14
CMYK color chart

● #18afdc color description : Vivid cyan.

The hexadecimal color #18afdc has RGB values of R:24, G:175, B:220 and CMYK values of C:0.89, M:0.2, Y:0, K:0.14. Its decimal value is 1617884.

Hex triplet	18afdc	`#18afdc`
RGB Decimal	24, 175, 220	`rgb(24,175,220)`
RGB Percent	9.4, 68.6, 86.3	`rgb(9.4%,68.6%,86.3%)`
CMYK	89, 20, 0, 14
HSL	193.8°, 80.3, 47.8	`hsl(193.8,80.3%,47.8%)`
HSV (or HSB)	193.8°, 89.1, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	66.534, -20.615, -32.865
XYZ	28.621, 36.019, 73.15
xyY	0.208, 0.261, 36.019
CIE-LCH	66.534, 38.795, 237.902
CIE-LUV	66.534, -45.512, -49.422
Hunter-Lab	60.016, -19.9, -30.255
Binary	00011000, 10101111, 11011100

#18afdc
```
#18afdc rgb(24,175,220)
```
#dc4518
```
#dc4518 rgb(220,69,24)
```

Complementary Color

#18dca7
```
#18dca7 rgb(24,220,167)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#184ddc
```
#184ddc rgb(24,77,220)
```

Analogous Color

#dca718
```
#dca718 rgb(220,167,24)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#dc184d
```
#dc184d rgb(220,24,77)
```

Split Complementary Color

#afdc18
```
#afdc18 rgb(175,220,24)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#dc18af
```
#dc18af rgb(220,24,175)
```

Triadic Color

#18dc45
```
#18dc45 rgb(24,220,69)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#dc18af
```
#dc18af rgb(220,24,175)
```
#dc4518
```
#dc4518 rgb(220,69,24)
```

Tetradic Color

#107897
```
#107897 rgb(16,120,151)
```
#138aae
```
#138aae rgb(19,138,174)
```
#159dc5
```
#159dc5 rgb(21,157,197)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#26bbe7
```
#26bbe7 rgb(38,187,231)
```
#3dc2ea
```
#3dc2ea rgb(61,194,234)
```
#54c9ec
```
#54c9ec rgb(84,201,236)
```

Monochromatic Color

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

#18dcd8
```
#18dcd8 rgb(24,220,216)
```
#18d0dc
```
#18d0dc rgb(24,208,220)
```
#18bfdc
```
#18bfdc rgb(24,191,220)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#189fdc
```
#189fdc rgb(24,159,220)
```
#188edc
```
#188edc rgb(24,142,220)
```
#187edc
```
#187edc rgb(24,126,220)
```

Similar Colors

Text with hexadecimal color #18afdc

This text has a font color of #18afdc.

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

#18afdc background color

This paragraph has a background color of #18afdc.

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

#18afdc border color

This element has a border color of #18afdc.

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

CSS codes

.text {color:#18afdc;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#031419
```
#031419 rgb(3,20,25)
```
#05222b
```
#05222b rgb(5,34,43)
```
#07303d
```
#07303d rgb(7,48,61)
```
#093e4f
```
#093e4f rgb(9,62,79)
```
#0a4d60
```
#0a4d60 rgb(10,77,96)
```
#0c5b72
```
#0c5b72 rgb(12,91,114)
```
#0e6984
```
#0e6984 rgb(14,105,132)
```
#107795
```
#107795 rgb(16,119,149)
```
#1285a7
```
#1285a7 rgb(18,133,167)
```
#1493b9
```
#1493b9 rgb(20,147,185)
```
#16a1ca
```
#16a1ca rgb(22,161,202)
```
#18afdc
```
#18afdc rgb(24,175,220)
```

Shade Color Variation

#21b9e7
```
#21b9e7 rgb(33,185,231)
```
#33bfe9
```
#33bfe9 rgb(51,191,233)
```
#44c4eb
```
#44c4eb rgb(68,196,235)
```
#56caed
```
#56caed rgb(86,202,237)
```
#68d0ee
```
#68d0ee rgb(104,208,238)
```
#79d5f0
```
#79d5f0 rgb(121,213,240)
```
#8bdbf2
```
#8bdbf2 rgb(139,219,242)
```
#9de0f4
```
#9de0f4 rgb(157,224,244)
```
#aee6f6
```
#aee6f6 rgb(174,230,246)
```
#c0ebf8
```
#c0ebf8 rgb(192,235,248)
```
#d2f1fa
```
#d2f1fa rgb(210,241,250)
```
#e3f6fc
```
#e3f6fc rgb(227,246,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#767c7e
```
#767c7e rgb(118,124,126)
```
#6c8188
```
#6c8188 rgb(108,129,136)
```
#638691
```
#638691 rgb(99,134,145)
```
#5a8b9a
```
#5a8b9a rgb(90,139,154)
```
#5091a4
```
#5091a4 rgb(80,145,164)
```
#4796ad
```
#4796ad rgb(71,150,173)
```
#3e9bb6
```
#3e9bb6 rgb(62,155,182)
```
#34a0c0
```
#34a0c0 rgb(52,160,192)
```
#2ba5c9
```
#2ba5c9 rgb(43,165,201)
```
#21aad3
```
#21aad3 rgb(33,170,211)
```
#18afdc
```
#18afdc rgb(24,175,220)
```
#0fb4e5
```
#0fb4e5 rgb(15,180,229)
```
#05b9ef
```
#05b9ef rgb(5,185,239)
```

Tone Color Variation

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

Dichromacy

#99a4d4 Protanopia 1% of men
#8fa5e3 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#6aa8d7 Protanomaly 1% of men, 0.01% of women
#63a8e0 Deuteranomaly 6% of men, 0.4% of women
#08b3cc Tritanomaly 0.01% of the population

#18afdc hex color

#18afdc Color Information

#18afdc Color Conversion

Color Schemes with #18afdc

Alternatives to #18afdc

#18afdc Preview

Shades and Tints of #18afdc

Tones of #18afdc

Color Blindness Simulator