#18d4cc hex color

In a RGB color space, hex #18d4cc is composed of 9.4% red, 83.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 0% magenta, 3.8% yellow and 16.9% black. It has a hue angle of 177.4 degrees, a saturation of 79.7% and a lightness of 46.3%. #18d4cc color hex could be obtained by blending #30ffff with #00a999. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 83
- B 80
RGB color chart
- C 89
- M 0
- Y 4
- K 17
CMYK color chart

● #18d4cc color description : Strong cyan.

The hexadecimal color #18d4cc has RGB values of R:24, G:212, B:204 and CMYK values of C:0.89, M:0, Y:0.04, K:0.17. Its decimal value is 1627340.

Hex triplet	18d4cc	`#18d4cc`
RGB Decimal	24, 212, 204	`rgb(24,212,204)`
RGB Percent	9.4, 83.1, 80	`rgb(9.4%,83.1%,80%)`
CMYK	89, 0, 4, 17
HSL	177.4°, 79.7, 46.3	`hsl(177.4,79.7%,46.3%)`
HSV (or HSB)	177.4°, 88.7, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.063, -43.383, -8.168
XYZ	34.816, 51.637, 65.255
xyY	0.229, 0.34, 51.637
CIE-LCH	77.063, 44.145, 190.663
CIE-LUV	77.063, -59.397, -5.989
Hunter-Lab	71.859, -39.27, -3.54
Binary	00011000, 11010100, 11001100

#18d4cc
```
#18d4cc rgb(24,212,204)
```
#d41820
```
#d41820 rgb(212,24,32)
```

Complementary Color

#18d46e
```
#18d46e rgb(24,212,110)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#187ed4
```
#187ed4 rgb(24,126,212)
```

Analogous Color

#d46e18
```
#d46e18 rgb(212,110,24)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#d4187e
```
#d4187e rgb(212,24,126)
```

Split Complementary Color

#d4cc18
```
#d4cc18 rgb(212,204,24)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#cc18d4
```
#cc18d4 rgb(204,24,212)
```

Triadic Color

#20d418
```
#20d418 rgb(32,212,24)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#cc18d4
```
#cc18d4 rgb(204,24,212)
```
#d41820
```
#d41820 rgb(212,24,32)
```

Tetradic Color

#108f8a
```
#108f8a rgb(16,143,138)
```
#13a6a0
```
#13a6a0 rgb(19,166,160)
```
#15bdb6
```
#15bdb6 rgb(21,189,182)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#20e6dd
```
#20e6dd rgb(32,230,221)
```
#37e8e1
```
#37e8e1 rgb(55,232,225)
```
#4eebe4
```
#4eebe4 rgb(78,235,228)
```

Monochromatic Color

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

#18d49d
```
#18d49d rgb(24,212,157)
```
#18d4ad
```
#18d4ad rgb(24,212,173)
```
#18d4bc
```
#18d4bc rgb(24,212,188)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#18ccd4
```
#18ccd4 rgb(24,204,212)
```
#18bdd4
```
#18bdd4 rgb(24,189,212)
```
#18add4
```
#18add4 rgb(24,173,212)
```

Similar Colors

Text with hexadecimal color #18d4cc

This text has a font color of #18d4cc.

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

#18d4cc background color

This paragraph has a background color of #18d4cc.

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

#18d4cc border color

This element has a border color of #18d4cc.

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

CSS codes

.text {color:#18d4cc;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021211
```
#021211 rgb(2,18,17)
```
#042422
```
#042422 rgb(4,36,34)
```
#063533
```
#063533 rgb(6,53,51)
```
#084744
```
#084744 rgb(8,71,68)
```
#0a5955
```
#0a5955 rgb(10,89,85)
```
#0c6a66
```
#0c6a66 rgb(12,106,102)
```
#0e7c77
```
#0e7c77 rgb(14,124,119)
```
#108e88
```
#108e88 rgb(16,142,136)
```
#129f99
```
#129f99 rgb(18,159,153)
```
#14b1aa
```
#14b1aa rgb(20,177,170)
```
#16c2bb
```
#16c2bb rgb(22,194,187)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```

Shade Color Variation

#1ae5dd
```
#1ae5dd rgb(26,229,221)
```
#2ce7df
```
#2ce7df rgb(44,231,223)
```
#3ee9e2
```
#3ee9e2 rgb(62,233,226)
```
#4febe4
```
#4febe4 rgb(79,235,228)
```
#61ede7
```
#61ede7 rgb(97,237,231)
```
#73efea
```
#73efea rgb(115,239,234)
```
#84f1ec
```
#84f1ec rgb(132,241,236)
```
#96f3ef
```
#96f3ef rgb(150,243,239)
```
#a7f5f2
```
#a7f5f2 rgb(167,245,242)
```
#b9f7f4
```
#b9f7f4 rgb(185,247,244)
```
#cbf9f7
```
#cbf9f7 rgb(203,249,247)
```
#dcfbfa
```
#dcfbfa rgb(220,251,250)
```
#eefdfc
```
#eefdfc rgb(238,253,252)
```

Tint Color Variation

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

#737979
```
#737979 rgb(115,121,121)
```
#6a8281
```
#6a8281 rgb(106,130,129)
```
#618b8a
```
#618b8a rgb(97,139,138)
```
#589492
```
#589492 rgb(88,148,146)
```
#4e9e9a
```
#4e9e9a rgb(78,158,154)
```
#45a7a2
```
#45a7a2 rgb(69,167,162)
```
#3cb0ab
```
#3cb0ab rgb(60,176,171)
```
#33b9b3
```
#33b9b3 rgb(51,185,179)
```
#2ac2bb
```
#2ac2bb rgb(42,194,187)
```
#21cbc4
```
#21cbc4 rgb(33,203,196)
```
#18d4cc
```
#18d4cc rgb(24,212,204)
```
#0fddd4
```
#0fddd4 rgb(15,221,212)
```
#06e6dd
```
#06e6dd rgb(6,230,221)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#81a6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c0c2 Protanopia 1% of men
#c8bcd7 Deuteranopia 1% of men
#3fd3e2 Tritanopia 0.001% of the population

Trichromacy

#85c7c6 Protanomaly 1% of men, 0.01% of women
#88c5d3 Deuteranomaly 6% of men, 0.4% of women
#31d3da Tritanomaly 0.01% of the population

#18d4cc hex color

#18d4cc Color Information

#18d4cc Color Conversion

Color Schemes with #18d4cc

Alternatives to #18d4cc

#18d4cc Preview

Shades and Tints of #18d4cc

Tones of #18d4cc

Color Blindness Simulator