#18dac2 hex color

In a RGB color space, hex #18dac2 is composed of 9.4% red, 85.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 0% magenta, 11% yellow and 14.5% black. It has a hue angle of 172.6 degrees, a saturation of 80.2% and a lightness of 47.5%. #18dac2 color hex could be obtained by blending #30ffff with #00b585. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 85
- B 76
RGB color chart
- C 89
- M 0
- Y 11
- K 15
CMYK color chart

● #18dac2 color description : Vivid cyan.

The hexadecimal color #18dac2 has RGB values of R:24, G:218, B:194 and CMYK values of C:0.89, M:0, Y:0.11, K:0.15. Its decimal value is 1628866.

Hex triplet	18dac2	`#18dac2`
RGB Decimal	24, 218, 194	`rgb(24,218,194)`
RGB Percent	9.4, 85.5, 76.1	`rgb(9.4%,85.5%,76.1%)`
CMYK	89, 0, 11, 15
HSL	172.6°, 80.2, 47.5	`hsl(172.6,80.2%,47.5%)`
HSV (or HSB)	172.6°, 89, 85.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.595, -48.732, -0.554
XYZ	35.182, 54.228, 59.649
xyY	0.236, 0.364, 54.228
CIE-LCH	78.595, 48.735, 180.651
CIE-LUV	78.595, -62.207, 6.776
Hunter-Lab	73.64, -43.589, 3.523
Binary	00011000, 11011010, 11000010

#18dac2
```
#18dac2 rgb(24,218,194)
```
#da1830
```
#da1830 rgb(218,24,48)
```

Complementary Color

#18da61
```
#18da61 rgb(24,218,97)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#1891da
```
#1891da rgb(24,145,218)
```

Analogous Color

#da6118
```
#da6118 rgb(218,97,24)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#da1891
```
#da1891 rgb(218,24,145)
```

Split Complementary Color

#dac218
```
#dac218 rgb(218,194,24)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#c218da
```
#c218da rgb(194,24,218)
```

Triadic Color

#30da18
```
#30da18 rgb(48,218,24)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#c218da
```
#c218da rgb(194,24,218)
```
#da1830
```
#da1830 rgb(218,24,48)
```

Tetradic Color

#109585
```
#109585 rgb(16,149,133)
```
#13ac99
```
#13ac99 rgb(19,172,153)
```
#15c3ae
```
#15c3ae rgb(21,195,174)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#25e7cf
```
#25e7cf rgb(37,231,207)
```
#3ce9d4
```
#3ce9d4 rgb(60,233,212)
```
#52ecd9
```
#52ecd9 rgb(82,236,217)
```

Monochromatic Color

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

#18da92
```
#18da92 rgb(24,218,146)
```
#18daa2
```
#18daa2 rgb(24,218,162)
```
#18dab2
```
#18dab2 rgb(24,218,178)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#18dad2
```
#18dad2 rgb(24,218,210)
```
#18d2da
```
#18d2da rgb(24,210,218)
```
#18c2da
```
#18c2da rgb(24,194,218)
```

Similar Colors

Text with hexadecimal color #18dac2

This text has a font color of #18dac2.

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

#18dac2 background color

This paragraph has a background color of #18dac2.

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

#18dac2 border color

This element has a border color of #18dac2.

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

CSS codes

.text {color:#18dac2;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#031815
```
#031815 rgb(3,24,21)
```
#052925
```
#052925 rgb(5,41,37)
```
#063b34
```
#063b34 rgb(6,59,52)
```
#084d44
```
#084d44 rgb(8,77,68)
```
#0a5e54
```
#0a5e54 rgb(10,94,84)
```
#0c7064
```
#0c7064 rgb(12,112,100)
```
#0e8273
```
#0e8273 rgb(14,130,115)
```
#109383
```
#109383 rgb(16,147,131)
```
#12a593
```
#12a593 rgb(18,165,147)
```
#14b7a3
```
#14b7a3 rgb(20,183,163)
```
#16c8b2
```
#16c8b2 rgb(22,200,178)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```

Shade Color Variation

#1fe6ce
```
#1fe6ce rgb(31,230,206)
```
#31e8d2
```
#31e8d2 rgb(49,232,210)
```
#43ead6
```
#43ead6 rgb(67,234,214)
```
#54ecd9
```
#54ecd9 rgb(84,236,217)
```
#66eedd
```
#66eedd rgb(102,238,221)
```
#78f0e1
```
#78f0e1 rgb(120,240,225)
```
#89f2e5
```
#89f2e5 rgb(137,242,229)
```
#9bf4e9
```
#9bf4e9 rgb(155,244,233)
```
#adf6ed
```
#adf6ed rgb(173,246,237)
```
#bef8f1
```
#bef8f1 rgb(190,248,241)
```
#d0faf5
```
#d0faf5 rgb(208,250,245)
```
#e2fcf9
```
#e2fcf9 rgb(226,252,249)
```
#f3fefc
```
#f3fefc rgb(243,254,252)
```

Tint Color Variation

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

#757d7c
```
#757d7c rgb(117,125,124)
```
#6c8683
```
#6c8683 rgb(108,134,131)
```
#62908a
```
#62908a rgb(98,144,138)
```
#599991
```
#599991 rgb(89,153,145)
```
#50a298
```
#50a298 rgb(80,162,152)
```
#47ab9f
```
#47ab9f rgb(71,171,159)
```
#3db5a6
```
#3db5a6 rgb(61,181,166)
```
#34bead
```
#34bead rgb(52,190,173)
```
#2bc7b4
```
#2bc7b4 rgb(43,199,180)
```
#21d1bb
```
#21d1bb rgb(33,209,187)
```
#18dac2
```
#18dac2 rgb(24,218,194)
```
#0fe3c9
```
#0fe3c9 rgb(15,227,201)
```
#05edd0
```
#05edd0 rgb(5,237,208)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#82a9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc4b9 Protanopia 1% of men
#d3c0cf Deuteranopia 1% of men
#4ad6e6 Tritanopia 0.001% of the population

Trichromacy

#8accbc Protanomaly 1% of men, 0.01% of women
#8fc9ca Deuteranomaly 6% of men, 0.4% of women
#38d8d9 Tritanomaly 0.01% of the population

#18dac2 hex color

#18dac2 Color Information

#18dac2 Color Conversion

Color Schemes with #18dac2

Alternatives to #18dac2

#18dac2 Preview

Shades and Tints of #18dac2

Tones of #18dac2

Color Blindness Simulator