#18cdd6 hex color

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

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

● #18cdd6 color description : Strong cyan.

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

Hex triplet	18cdd6	`#18cdd6`
RGB Decimal	24, 205, 214	`rgb(24,205,214)`
RGB Percent	9.4, 80.4, 83.9	`rgb(9.4%,80.4%,83.9%)`
CMYK	89, 4, 0, 16
HSL	182.8°, 79.8, 46.7	`hsl(182.8,79.8%,46.7%)`
HSV (or HSB)	182.8°, 88.8, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.27, -37.281, -16.239
XYZ	34.342, 48.708, 71.206
xyY	0.223, 0.316, 48.708
CIE-LCH	75.27, 40.664, 203.536
CIE-LUV	75.27, -56.231, -19.93
Hunter-Lab	69.791, -34.301, -11.638
Binary	00011000, 11001101, 11010110

#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#d62118
```
#d62118 rgb(214,33,24)
```

Complementary Color

#18d680
```
#18d680 rgb(24,214,128)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#186ed6
```
#186ed6 rgb(24,110,214)
```

Analogous Color

#d68018
```
#d68018 rgb(214,128,24)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#d6186e
```
#d6186e rgb(214,24,110)
```

Split Complementary Color

#cdd618
```
#cdd618 rgb(205,214,24)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#d618cd
```
#d618cd rgb(214,24,205)
```

Triadic Color

#18d621
```
#18d621 rgb(24,214,33)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#d618cd
```
#d618cd rgb(214,24,205)
```
#d62118
```
#d62118 rgb(214,33,24)
```

Tetradic Color

#108b91
```
#108b91 rgb(16,139,145)
```
#13a1a8
```
#13a1a8 rgb(19,161,168)
```
#15b7bf
```
#15b7bf rgb(21,183,191)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#21dde6
```
#21dde6 rgb(33,221,230)
```
#38e0e9
```
#38e0e9 rgb(56,224,233)
```
#4fe4eb
```
#4fe4eb rgb(79,228,235)
```

Monochromatic Color

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

#18d6b0
```
#18d6b0 rgb(24,214,176)
```
#18d6bf
```
#18d6bf rgb(24,214,191)
```
#18d6cf
```
#18d6cf rgb(24,214,207)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#18bdd6
```
#18bdd6 rgb(24,189,214)
```
#18add6
```
#18add6 rgb(24,173,214)
```
#189ed6
```
#189ed6 rgb(24,158,214)
```

Similar Colors

Text with hexadecimal color #18cdd6

This text has a font color of #18cdd6.

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

#18cdd6 background color

This paragraph has a background color of #18cdd6.

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

#18cdd6 border color

This element has a border color of #18cdd6.

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

CSS codes

.text {color:#18cdd6;}

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

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

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 #f0fdfd is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#021314
```
#021314 rgb(2,19,20)
```
#042426
```
#042426 rgb(4,36,38)
```
#063537
```
#063537 rgb(6,53,55)
```
#084649
```
#084649 rgb(8,70,73)
```
#0a575b
```
#0a575b rgb(10,87,91)
```
#0c686c
```
#0c686c rgb(12,104,108)
```
#0e797e
```
#0e797e rgb(14,121,126)
```
#10898f
```
#10898f rgb(16,137,143)
```
#129aa1
```
#129aa1 rgb(18,154,161)
```
#14abb3
```
#14abb3 rgb(20,171,179)
```
#16bcc4
```
#16bcc4 rgb(22,188,196)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```

Shade Color Variation

#1cdce6
```
#1cdce6 rgb(28,220,230)
```
#2edfe8
```
#2edfe8 rgb(46,223,232)
```
#3fe1ea
```
#3fe1ea rgb(63,225,234)
```
#51e4eb
```
#51e4eb rgb(81,228,235)
```
#63e7ed
```
#63e7ed rgb(99,231,237)
```
#74eaef
```
#74eaef rgb(116,234,239)
```
#86ecf1
```
#86ecf1 rgb(134,236,241)
```
#98eff3
```
#98eff3 rgb(152,239,243)
```
#a9f2f5
```
#a9f2f5 rgb(169,242,245)
```
#bbf4f7
```
#bbf4f7 rgb(187,244,247)
```
#ccf7f9
```
#ccf7f9 rgb(204,247,249)
```
#defafb
```
#defafb rgb(222,250,251)
```
#f0fdfd
```
#f0fdfd rgb(240,253,253)
```

Tint Color Variation

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

#747a7a
```
#747a7a rgb(116,122,122)
```
#6a8284
```
#6a8284 rgb(106,130,132)
```
#618b8d
```
#618b8d rgb(97,139,141)
```
#589396
```
#589396 rgb(88,147,150)
```
#4f9b9f
```
#4f9b9f rgb(79,155,159)
```
#46a4a8
```
#46a4a8 rgb(70,164,168)
```
#3dacb1
```
#3dacb1 rgb(61,172,177)
```
#33b4bb
```
#33b4bb rgb(51,180,187)
```
#2abcc4
```
#2abcc4 rgb(42,188,196)
```
#21c5cd
```
#21c5cd rgb(33,197,205)
```
#18cdd6
```
#18cdd6 rgb(24,205,214)
```
#0fd5df
```
#0fd5df rgb(15,213,223)
```
#06dee8
```
#06dee8 rgb(6,222,232)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7ea3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbbcc Protanopia 1% of men
#bbb9e0 Deuteranopia 1% of men
#2ecedd Tritanopia 0.001% of the population

Trichromacy

#7fc2cf Protanomaly 1% of men, 0.01% of women
#80c0dc Deuteranomaly 6% of men, 0.4% of women
#26ceda Tritanomaly 0.01% of the population

#18cdd6 hex color

#18cdd6 Color Information

#18cdd6 Color Conversion

Color Schemes with #18cdd6

Alternatives to #18cdd6

#18cdd6 Preview

Shades and Tints of #18cdd6

Tones of #18cdd6

Color Blindness Simulator