#18d8cc hex color

In a RGB color space, hex #18d8cc is composed of 9.4% red, 84.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 88.9% cyan, 0% magenta, 5.6% yellow and 15.3% black. It has a hue angle of 176.3 degrees, a saturation of 80% and a lightness of 47.1%. #18d8cc color hex could be obtained by blending #30ffff with #00b199. Closest websafe color is: #00cccc.

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

● #18d8cc color description : Strong cyan.

The hexadecimal color #18d8cc has RGB values of R:24, G:216, B:204 and CMYK values of C:0.89, M:0, Y:0.06, K:0.15. Its decimal value is 1628364.

Hex triplet	18d8cc	`#18d8cc`
RGB Decimal	24, 216, 204	`rgb(24,216,204)`
RGB Percent	9.4, 84.7, 80	`rgb(9.4%,84.7%,80%)`
CMYK	89, 0, 6, 15
HSL	176.3°, 80, 47.1	`hsl(176.3,80%,47.1%)`
HSV (or HSB)	176.3°, 88.9, 84.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.264, -45.124, -6.388
XYZ	35.828, 53.662, 65.593
xyY	0.231, 0.346, 53.662
CIE-LCH	78.264, 45.574, 188.058
CIE-LUV	78.264, -60.753, -2.901
Hunter-Lab	73.254, -40.892, -1.811
Binary	00011000, 11011000, 11001100

#18d8cc
```
#18d8cc rgb(24,216,204)
```
#d81824
```
#d81824 rgb(216,24,36)
```

Complementary Color

#18d86c
```
#18d86c rgb(24,216,108)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#1884d8
```
#1884d8 rgb(24,132,216)
```

Analogous Color

#d86c18
```
#d86c18 rgb(216,108,24)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#d81884
```
#d81884 rgb(216,24,132)
```

Split Complementary Color

#d8cc18
```
#d8cc18 rgb(216,204,24)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#cc18d8
```
#cc18d8 rgb(204,24,216)
```

Triadic Color

#24d818
```
#24d818 rgb(36,216,24)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#cc18d8
```
#cc18d8 rgb(204,24,216)
```
#d81824
```
#d81824 rgb(216,24,36)
```

Tetradic Color

#10938b
```
#10938b rgb(16,147,139)
```
#13aaa1
```
#13aaa1 rgb(19,170,161)
```
#15c1b6
```
#15c1b6 rgb(21,193,182)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#23e7da
```
#23e7da rgb(35,231,218)
```
#3ae9de
```
#3ae9de rgb(58,233,222)
```
#51ece2
```
#51ece2 rgb(81,236,226)
```

Monochromatic Color

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

#18d89c
```
#18d89c rgb(24,216,156)
```
#18d8ac
```
#18d8ac rgb(24,216,172)
```
#18d8bc
```
#18d8bc rgb(24,216,188)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#18d4d8
```
#18d4d8 rgb(24,212,216)
```
#18c4d8
```
#18c4d8 rgb(24,196,216)
```
#18b4d8
```
#18b4d8 rgb(24,180,216)
```

Similar Colors

Text with hexadecimal color #18d8cc

This text has a font color of #18d8cc.

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

#18d8cc background color

This paragraph has a background color of #18d8cc.

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

#18d8cc border color

This element has a border color of #18d8cc.

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

CSS codes

.text {color:#18d8cc;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#021615
```
#021615 rgb(2,22,21)
```
#042725
```
#042725 rgb(4,39,37)
```
#063936
```
#063936 rgb(6,57,54)
```
#084b47
```
#084b47 rgb(8,75,71)
```
#0a5c57
```
#0a5c57 rgb(10,92,87)
```
#0c6e68
```
#0c6e68 rgb(12,110,104)
```
#0e8079
```
#0e8079 rgb(14,128,121)
```
#109189
```
#109189 rgb(16,145,137)
```
#12a39a
```
#12a39a rgb(18,163,154)
```
#14b5ab
```
#14b5ab rgb(20,181,171)
```
#16c6bb
```
#16c6bb rgb(22,198,187)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```

Shade Color Variation

#1ee6d9
```
#1ee6d9 rgb(30,230,217)
```
#2fe8dc
```
#2fe8dc rgb(47,232,220)
```
#41eadf
```
#41eadf rgb(65,234,223)
```
#53ece2
```
#53ece2 rgb(83,236,226)
```
#64eee5
```
#64eee5 rgb(100,238,229)
```
#76f0e8
```
#76f0e8 rgb(118,240,232)
```
#88f2eb
```
#88f2eb rgb(136,242,235)
```
#99f4ee
```
#99f4ee rgb(153,244,238)
```
#abf6f1
```
#abf6f1 rgb(171,246,241)
```
#bdf8f4
```
#bdf8f4 rgb(189,248,244)
```
#cefaf7
```
#cefaf7 rgb(206,250,247)
```
#e0fcfa
```
#e0fcfa rgb(224,252,250)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

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

#747c7b
```
#747c7b rgb(116,124,123)
```
#6b8583
```
#6b8583 rgb(107,133,131)
```
#628e8b
```
#628e8b rgb(98,142,139)
```
#599793
```
#599793 rgb(89,151,147)
```
#4fa19c
```
#4fa19c rgb(79,161,156)
```
#46aaa4
```
#46aaa4 rgb(70,170,164)
```
#3db3ac
```
#3db3ac rgb(61,179,172)
```
#34bcb4
```
#34bcb4 rgb(52,188,180)
```
#2ac6bc
```
#2ac6bc rgb(42,198,188)
```
#21cfc4
```
#21cfc4 rgb(33,207,196)
```
#18d8cc
```
#18d8cc rgb(24,216,204)
```
#0fe1d4
```
#0fe1d4 rgb(15,225,212)
```
#06eadc
```
#06eadc rgb(6,234,220)
```

Tone Color Variation

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

Dichromacy

#c8c3c2 Protanopia 1% of men
#cdbfd8 Deuteranopia 1% of men
#42d6e6 Tritanopia 0.001% of the population

Trichromacy

#88cbc6 Protanomaly 1% of men, 0.01% of women
#8bc8d3 Deuteranomaly 6% of men, 0.4% of women
#33d6dc Tritanomaly 0.01% of the population

#18d8cc hex color

#18d8cc Color Information

#18d8cc Color Conversion

Color Schemes with #18d8cc

Alternatives to #18d8cc

#18d8cc Preview

Shades and Tints of #18d8cc

Tones of #18d8cc

Color Blindness Simulator