#18d6b4 hex color

In a RGB color space, hex #18d6b4 is composed of 9.4% red, 83.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 0% magenta, 15.9% yellow and 16.1% black. It has a hue angle of 169.3 degrees, a saturation of 79.8% and a lightness of 46.7%. #18d6b4 color hex could be obtained by blending #30ffff with #00ad69. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 84
- B 71
RGB color chart
- C 89
- M 0
- Y 16
- K 16
CMYK color chart

● #18d6b4 color description : Strong cyan.

The hexadecimal color #18d6b4 has RGB values of R:24, G:214, B:180 and CMYK values of C:0.89, M:0, Y:0.16, K:0.16. Its decimal value is 1627828.

Hex triplet	18d6b4	`#18d6b4`
RGB Decimal	24, 214, 180	`rgb(24,214,180)`
RGB Percent	9.4, 83.9, 70.6	`rgb(9.4%,83.9%,70.6%)`
CMYK	89, 0, 16, 16
HSL	169.3°, 79.8, 46.7	`hsl(169.3,79.8%,46.7%)`
HSV (or HSB)	169.3°, 88.8, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.029, -50.78, 4.655
XYZ	32.658, 51.579, 51.412
xyY	0.241, 0.38, 51.579
CIE-LCH	77.029, 50.993, 174.763
CIE-LUV	77.029, -61.93, 14.946
Hunter-Lab	71.819, -44.512, 7.83
Binary	00011000, 11010110, 10110100

#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#d6183a
```
#d6183a rgb(214,24,58)
```

Complementary Color

#18d655
```
#18d655 rgb(24,214,85)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#1899d6
```
#1899d6 rgb(24,153,214)
```

Analogous Color

#d65518
```
#d65518 rgb(214,85,24)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#d61899
```
#d61899 rgb(214,24,153)
```

Split Complementary Color

#d6b418
```
#d6b418 rgb(214,180,24)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#b418d6
```
#b418d6 rgb(180,24,214)
```

Triadic Color

#3ad618
```
#3ad618 rgb(58,214,24)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#b418d6
```
#b418d6 rgb(180,24,214)
```
#d6183a
```
#d6183a rgb(214,24,58)
```

Tetradic Color

#10917a
```
#10917a rgb(16,145,122)
```
#13a88d
```
#13a88d rgb(19,168,141)
```
#15bfa1
```
#15bfa1 rgb(21,191,161)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#21e6c3
```
#21e6c3 rgb(33,230,195)
```
#38e9c9
```
#38e9c9 rgb(56,233,201)
```
#4febcf
```
#4febcf rgb(79,235,207)
```

Monochromatic Color

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

#18d685
```
#18d685 rgb(24,214,133)
```
#18d694
```
#18d694 rgb(24,214,148)
```
#18d6a4
```
#18d6a4 rgb(24,214,164)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#18d6c4
```
#18d6c4 rgb(24,214,196)
```
#18d6d4
```
#18d6d4 rgb(24,214,212)
```
#18c9d6
```
#18c9d6 rgb(24,201,214)
```

Similar Colors

Text with hexadecimal color #18d6b4

This text has a font color of #18d6b4.

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

#18d6b4 background color

This paragraph has a background color of #18d6b4.

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

#18d6b4 border color

This element has a border color of #18d6b4.

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

CSS codes

.text {color:#18d6b4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021411
```
#021411 rgb(2,20,17)
```
#042620
```
#042620 rgb(4,38,32)
```
#06372e
```
#06372e rgb(6,55,46)
```
#08493d
```
#08493d rgb(8,73,61)
```
#0a5b4c
```
#0a5b4c rgb(10,91,76)
```
#0c6c5b
```
#0c6c5b rgb(12,108,91)
```
#0e7e6a
```
#0e7e6a rgb(14,126,106)
```
#108f79
```
#108f79 rgb(16,143,121)
```
#12a187
```
#12a187 rgb(18,161,135)
```
#14b396
```
#14b396 rgb(20,179,150)
```
#16c4a5
```
#16c4a5 rgb(22,196,165)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```

Shade Color Variation

#1ce6c1
```
#1ce6c1 rgb(28,230,193)
```
#2ee8c6
```
#2ee8c6 rgb(46,232,198)
```
#3feacb
```
#3feacb rgb(63,234,203)
```
#51ebd0
```
#51ebd0 rgb(81,235,208)
```
#63edd5
```
#63edd5 rgb(99,237,213)
```
#74efd9
```
#74efd9 rgb(116,239,217)
```
#86f1de
```
#86f1de rgb(134,241,222)
```
#98f3e3
```
#98f3e3 rgb(152,243,227)
```
#a9f5e8
```
#a9f5e8 rgb(169,245,232)
```
#bbf7ed
```
#bbf7ed rgb(187,247,237)
```
#ccf9f1
```
#ccf9f1 rgb(204,249,241)
```
#defbf6
```
#defbf6 rgb(222,251,246)
```
#f0fdfb
```
#f0fdfb rgb(240,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a79 is the less saturated color, while #06e8c0 is the most saturated one.

#747a79
```
#747a79 rgb(116,122,121)
```
#6a847f
```
#6a847f rgb(106,132,127)
```
#618d85
```
#618d85 rgb(97,141,133)
```
#58968b
```
#58968b rgb(88,150,139)
```
#4f9f91
```
#4f9f91 rgb(79,159,145)
```
#46a897
```
#46a897 rgb(70,168,151)
```
#3db19c
```
#3db19c rgb(61,177,156)
```
#33bba2
```
#33bba2 rgb(51,187,162)
```
#2ac4a8
```
#2ac4a8 rgb(42,196,168)
```
#21cdae
```
#21cdae rgb(33,205,174)
```
#18d6b4
```
#18d6b4 rgb(24,214,180)
```
#0fdfba
```
#0fdfba rgb(15,223,186)
```
#06e8c0
```
#06e8c0 rgb(6,232,192)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7fa59e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c0ac Protanopia 1% of men
#d3bbc1 Deuteranopia 1% of men
#4ed2e1 Tritanopia 0.001% of the population

Trichromacy

#89c8af Protanomaly 1% of men, 0.01% of women
#8fc5bc Deuteranomaly 6% of men, 0.4% of women
#3ad3d0 Tritanomaly 0.01% of the population

#18d6b4 hex color

#18d6b4 Color Information

#18d6b4 Color Conversion

Color Schemes with #18d6b4

Alternatives to #18d6b4

#18d6b4 Preview

Shades and Tints of #18d6b4

Tones of #18d6b4

Color Blindness Simulator