#18dabc hex color

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

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

● #18dabc color description : Vivid cyan.

The hexadecimal color #18dabc has RGB values of R:24, G:218, B:188 and CMYK values of C:0.89, M:0, Y:0.14, K:0.15. Its decimal value is 1628860.

Hex triplet	18dabc	`#18dabc`
RGB Decimal	24, 218, 188	`rgb(24,218,188)`
RGB Percent	9.4, 85.5, 73.7	`rgb(9.4%,85.5%,73.7%)`
CMYK	89, 0, 14, 15
HSL	170.7°, 80.2, 47.5	`hsl(170.7,80.2%,47.5%)`
HSV (or HSB)	170.7°, 89, 85.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.441, -50.33, 2.426
XYZ	34.522, 53.964, 56.171
xyY	0.239, 0.373, 53.964
CIE-LCH	78.441, 50.388, 177.241
CIE-LUV	78.441, -62.669, 11.571
Hunter-Lab	73.46, -44.671, 6.087
Binary	00011000, 11011010, 10111100

#18dabc
```
#18dabc rgb(24,218,188)
```
#da1836
```
#da1836 rgb(218,24,54)
```

Complementary Color

#18da5b
```
#18da5b rgb(24,218,91)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#1897da
```
#1897da rgb(24,151,218)
```

Analogous Color

#da5b18
```
#da5b18 rgb(218,91,24)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#da1897
```
#da1897 rgb(218,24,151)
```

Split Complementary Color

#dabc18
```
#dabc18 rgb(218,188,24)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#bc18da
```
#bc18da rgb(188,24,218)
```

Triadic Color

#36da18
```
#36da18 rgb(54,218,24)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#bc18da
```
#bc18da rgb(188,24,218)
```
#da1836
```
#da1836 rgb(218,24,54)
```

Tetradic Color

#109581
```
#109581 rgb(16,149,129)
```
#13ac94
```
#13ac94 rgb(19,172,148)
```
#15c3a8
```
#15c3a8 rgb(21,195,168)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#25e7c9
```
#25e7c9 rgb(37,231,201)
```
#3ce9cf
```
#3ce9cf rgb(60,233,207)
```
#52ecd4
```
#52ecd4 rgb(82,236,212)
```

Monochromatic Color

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

#18da8c
```
#18da8c rgb(24,218,140)
```
#18da9c
```
#18da9c rgb(24,218,156)
```
#18daac
```
#18daac rgb(24,218,172)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#18dacc
```
#18dacc rgb(24,218,204)
```
#18d8da
```
#18d8da rgb(24,216,218)
```
#18c8da
```
#18c8da rgb(24,200,218)
```

Similar Colors

Text with hexadecimal color #18dabc

This text has a font color of #18dabc.

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

#18dabc background color

This paragraph has a background color of #18dabc.

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

#18dabc border color

This element has a border color of #18dabc.

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

CSS codes

.text {color:#18dabc;}

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

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

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)
```
#031814
```
#031814 rgb(3,24,20)
```
#052924
```
#052924 rgb(5,41,36)
```
#063b33
```
#063b33 rgb(6,59,51)
```
#084d42
```
#084d42 rgb(8,77,66)
```
#0a5e51
```
#0a5e51 rgb(10,94,81)
```
#0c7061
```
#0c7061 rgb(12,112,97)
```
#0e8270
```
#0e8270 rgb(14,130,112)
```
#10937f
```
#10937f rgb(16,147,127)
```
#12a58e
```
#12a58e rgb(18,165,142)
```
#14b79e
```
#14b79e rgb(20,183,158)
```
#16c8ad
```
#16c8ad rgb(22,200,173)
```
#18dabc
```
#18dabc rgb(24,218,188)
```

Shade Color Variation

#1fe6c8
```
#1fe6c8 rgb(31,230,200)
```
#31e8cc
```
#31e8cc rgb(49,232,204)
```
#43ead0
```
#43ead0 rgb(67,234,208)
```
#54ecd5
```
#54ecd5 rgb(84,236,213)
```
#66eed9
```
#66eed9 rgb(102,238,217)
```
#78f0dd
```
#78f0dd rgb(120,240,221)
```
#89f2e2
```
#89f2e2 rgb(137,242,226)
```
#9bf4e6
```
#9bf4e6 rgb(155,244,230)
```
#adf6eb
```
#adf6eb rgb(173,246,235)
```
#bef8ef
```
#bef8ef rgb(190,248,239)
```
#d0faf3
```
#d0faf3 rgb(208,250,243)
```
#e2fcf8
```
#e2fcf8 rgb(226,252,248)
```
#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 #05edc9 is the most saturated one.

#757d7c
```
#757d7c rgb(117,125,124)
```
#6c8682
```
#6c8682 rgb(108,134,130)
```
#629089
```
#629089 rgb(98,144,137)
```
#59998f
```
#59998f rgb(89,153,143)
```
#50a295
```
#50a295 rgb(80,162,149)
```
#47ab9c
```
#47ab9c rgb(71,171,156)
```
#3db5a2
```
#3db5a2 rgb(61,181,162)
```
#34bea9
```
#34bea9 rgb(52,190,169)
```
#2bc7af
```
#2bc7af rgb(43,199,175)
```
#21d1b6
```
#21d1b6 rgb(33,209,182)
```
#18dabc
```
#18dabc rgb(24,218,188)
```
#0fe3c2
```
#0fe3c2 rgb(15,227,194)
```
#05edc9
```
#05edc9 rgb(5,237,201)
```

Tone Color Variation

Below, you can see how #18dabc 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
#82a9a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc4b3 Protanopia 1% of men
#d5bfc9 Deuteranopia 1% of men
#4dd6e5 Tritanopia 0.001% of the population

Trichromacy

#8bccb6 Protanomaly 1% of men, 0.01% of women
#90c9c4 Deuteranomaly 6% of men, 0.4% of women
#3ad7d6 Tritanomaly 0.01% of the population

#18dabc hex color

#18dabc Color Information

#18dabc Color Conversion

Color Schemes with #18dabc

Alternatives to #18dabc

#18dabc Preview

Shades and Tints of #18dabc

Tones of #18dabc

Color Blindness Simulator