#18cfd6 hex color

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

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

● #18cfd6 color description : Strong cyan.

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

Hex triplet	18cfd6	`#18cfd6`
RGB Decimal	24, 207, 214	`rgb(24,207,214)`
RGB Percent	9.4, 81.2, 83.9	`rgb(9.4%,81.2%,83.9%)`
CMYK	89, 3, 0, 16
HSL	182.2°, 79.8, 46.7	`hsl(182.2,79.8%,46.7%)`
HSV (or HSB)	182.2°, 88.8, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.867, -38.2, -15.339
XYZ	34.823, 49.671, 71.367
xyY	0.223, 0.319, 49.671
CIE-LCH	75.867, 41.165, 201.877
CIE-LUV	75.867, -56.912, -18.338
Hunter-Lab	70.478, -35.139, -10.703
Binary	00011000, 11001111, 11010110

#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#d61f18
```
#d61f18 rgb(214,31,24)
```

Complementary Color

#18d67e
```
#18d67e rgb(24,214,126)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#1870d6
```
#1870d6 rgb(24,112,214)
```

Analogous Color

#d67e18
```
#d67e18 rgb(214,126,24)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#d61870
```
#d61870 rgb(214,24,112)
```

Split Complementary Color

#cfd618
```
#cfd618 rgb(207,214,24)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#d618cf
```
#d618cf rgb(214,24,207)
```

Triadic Color

#18d61f
```
#18d61f rgb(24,214,31)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#d618cf
```
#d618cf rgb(214,24,207)
```
#d61f18
```
#d61f18 rgb(214,31,24)
```

Tetradic Color

#108c91
```
#108c91 rgb(16,140,145)
```
#13a3a8
```
#13a3a8 rgb(19,163,168)
```
#15b9bf
```
#15b9bf rgb(21,185,191)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#21dfe6
```
#21dfe6 rgb(33,223,230)
```
#38e2e9
```
#38e2e9 rgb(56,226,233)
```
#4fe6eb
```
#4fe6eb rgb(79,230,235)
```

Monochromatic Color

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

#18d6ae
```
#18d6ae rgb(24,214,174)
```
#18d6bd
```
#18d6bd rgb(24,214,189)
```
#18d6cd
```
#18d6cd rgb(24,214,205)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#18bfd6
```
#18bfd6 rgb(24,191,214)
```
#18afd6
```
#18afd6 rgb(24,175,214)
```
#18a0d6
```
#18a0d6 rgb(24,160,214)
```

Similar Colors

Text with hexadecimal color #18cfd6

This text has a font color of #18cfd6.

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

#18cfd6 background color

This paragraph has a background color of #18cfd6.

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

#18cfd6 border color

This element has a border color of #18cfd6.

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

CSS codes

.text {color:#18cfd6;}

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

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

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)
```
#084749
```
#084749 rgb(8,71,73)
```
#0a585b
```
#0a585b rgb(10,88,91)
```
#0c696c
```
#0c696c rgb(12,105,108)
```
#0e7a7e
```
#0e7a7e rgb(14,122,126)
```
#108b8f
```
#108b8f rgb(16,139,143)
```
#129ca1
```
#129ca1 rgb(18,156,161)
```
#14adb3
```
#14adb3 rgb(20,173,179)
```
#16bec4
```
#16bec4 rgb(22,190,196)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```

Shade Color Variation

#1cdee6
```
#1cdee6 rgb(28,222,230)
```
#2ee1e8
```
#2ee1e8 rgb(46,225,232)
```
#3fe3ea
```
#3fe3ea rgb(63,227,234)
```
#51e6eb
```
#51e6eb rgb(81,230,235)
```
#63e8ed
```
#63e8ed rgb(99,232,237)
```
#74ebef
```
#74ebef rgb(116,235,239)
```
#86edf1
```
#86edf1 rgb(134,237,241)
```
#98f0f3
```
#98f0f3 rgb(152,240,243)
```
#a9f3f5
```
#a9f3f5 rgb(169,243,245)
```
#bbf5f7
```
#bbf5f7 rgb(187,245,247)
```
#ccf8f9
```
#ccf8f9 rgb(204,248,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 #06e0e8 is the most saturated one.

#747a7a
```
#747a7a rgb(116,122,122)
```
#6a8384
```
#6a8384 rgb(106,131,132)
```
#618b8d
```
#618b8d rgb(97,139,141)
```
#589496
```
#589496 rgb(88,148,150)
```
#4f9c9f
```
#4f9c9f rgb(79,156,159)
```
#46a5a8
```
#46a5a8 rgb(70,165,168)
```
#3dadb1
```
#3dadb1 rgb(61,173,177)
```
#33b6bb
```
#33b6bb rgb(51,182,187)
```
#2abec4
```
#2abec4 rgb(42,190,196)
```
#21c7cd
```
#21c7cd rgb(33,199,205)
```
#18cfd6
```
#18cfd6 rgb(24,207,214)
```
#0fd7df
```
#0fd7df rgb(15,215,223)
```
#06e0e8
```
#06e0e8 rgb(6,224,232)
```

Tone Color Variation

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

Dichromacy

#bdbdcc Protanopia 1% of men
#bebae0 Deuteranopia 1% of men
#31d0df Tritanopia 0.001% of the population

Trichromacy

#81c3cf Protanomaly 1% of men, 0.01% of women
#81c2dc Deuteranomaly 6% of men, 0.4% of women
#27cfdc Tritanomaly 0.01% of the population

#18cfd6 hex color

#18cfd6 Color Information

#18cfd6 Color Conversion

Color Schemes with #18cfd6

Alternatives to #18cfd6

#18cfd6 Preview

Shades and Tints of #18cfd6

Tones of #18cfd6

Color Blindness Simulator