#18cec4 hex color

In a RGB color space, hex #18cec4 is composed of 9.4% red, 80.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 0% magenta, 4.9% yellow and 19.2% black. It has a hue angle of 176.7 degrees, a saturation of 79.1% and a lightness of 45.1%. #18cec4 color hex could be obtained by blending #30ffff with #009d89. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 81
- B 77
RGB color chart
- C 88
- M 0
- Y 5
- K 19
CMYK color chart

● #18cec4 color description : Strong cyan.

The hexadecimal color #18cec4 has RGB values of R:24, G:206, B:196 and CMYK values of C:0.88, M:0, Y:0.05, K:0.19. Its decimal value is 1625796.

Hex triplet	18cec4	`#18cec4`
RGB Decimal	24, 206, 196	`rgb(24,206,196)`
RGB Percent	9.4, 80.8, 76.9	`rgb(9.4%,80.8%,76.9%)`
CMYK	88, 0, 5, 19
HSL	176.7°, 79.1, 45.1	`hsl(176.7,79.1%,45.1%)`
HSV (or HSB)	176.7°, 88.3, 80.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.026, -43.043, -6.882
XYZ	32.409, 48.319, 59.84
xyY	0.231, 0.344, 48.319
CIE-LCH	75.026, 43.589, 189.084
CIE-LUV	75.026, -57.981, -3.984
Hunter-Lab	69.512, -38.424, -2.382
Binary	00011000, 11001110, 11000100

#18cec4
```
#18cec4 rgb(24,206,196)
```
#ce1822
```
#ce1822 rgb(206,24,34)
```

Complementary Color

#18ce69
```
#18ce69 rgb(24,206,105)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#187dce
```
#187dce rgb(24,125,206)
```

Analogous Color

#ce6918
```
#ce6918 rgb(206,105,24)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#ce187d
```
#ce187d rgb(206,24,125)
```

Split Complementary Color

#cec418
```
#cec418 rgb(206,196,24)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#c418ce
```
#c418ce rgb(196,24,206)
```

Triadic Color

#22ce18
```
#22ce18 rgb(34,206,24)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#c418ce
```
#c418ce rgb(196,24,206)
```
#ce1822
```
#ce1822 rgb(206,24,34)
```

Tetradic Color

#108983
```
#108983 rgb(16,137,131)
```
#13a099
```
#13a099 rgb(19,160,153)
```
#15b7ae
```
#15b7ae rgb(21,183,174)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#1be4d9
```
#1be4d9 rgb(27,228,217)
```
#32e7dd
```
#32e7dd rgb(50,231,221)
```
#49eae1
```
#49eae1 rgb(73,234,225)
```

Monochromatic Color

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

#18ce97
```
#18ce97 rgb(24,206,151)
```
#18cea6
```
#18cea6 rgb(24,206,166)
```
#18ceb5
```
#18ceb5 rgb(24,206,181)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#18c9ce
```
#18c9ce rgb(24,201,206)
```
#18bace
```
#18bace rgb(24,186,206)
```
#18abce
```
#18abce rgb(24,171,206)
```

Similar Colors

Text with hexadecimal color #18cec4

This text has a font color of #18cec4.

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

#18cec4 background color

This paragraph has a background color of #18cec4.

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

#18cec4 border color

This element has a border color of #18cec4.

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

CSS codes

.text {color:#18cec4;}

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

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

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, #010d0c is the darkest color, while #fafefe is the lightest one.

#010d0c
```
#010d0c rgb(1,13,12)
```
#041e1d
```
#041e1d rgb(4,30,29)
```
#06302e
```
#06302e rgb(6,48,46)
```
#08413e
```
#08413e rgb(8,65,62)
```
#0a534f
```
#0a534f rgb(10,83,79)
```
#0c6560
```
#0c6560 rgb(12,101,96)
```
#0e7670
```
#0e7670 rgb(14,118,112)
```
#108881
```
#108881 rgb(16,136,129)
```
#129992
```
#129992 rgb(18,153,146)
```
#14aba3
```
#14aba3 rgb(20,171,163)
```
#16bcb3
```
#16bcb3 rgb(22,188,179)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#1ae0d5
```
#1ae0d5 rgb(26,224,213)
```

Shade Color Variation

#27e6db
```
#27e6db rgb(39,230,219)
```
#39e8de
```
#39e8de rgb(57,232,222)
```
#4aeae1
```
#4aeae1 rgb(74,234,225)
```
#5cece4
```
#5cece4 rgb(92,236,228)
```
#6eeee7
```
#6eeee7 rgb(110,238,231)
```
#7ff0ea
```
#7ff0ea rgb(127,240,234)
```
#91f2ed
```
#91f2ed rgb(145,242,237)
```
#a2f4f0
```
#a2f4f0 rgb(162,244,240)
```
#b4f6f3
```
#b4f6f3 rgb(180,246,243)
```
#c5f8f6
```
#c5f8f6 rgb(197,248,246)
```
#d7faf8
```
#d7faf8 rgb(215,250,248)
```
#e9fcfb
```
#e9fcfb rgb(233,252,251)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#707675
```
#707675 rgb(112,118,117)
```
#687e7d
```
#687e7d rgb(104,126,125)
```
#5f8785
```
#5f8785 rgb(95,135,133)
```
#56908d
```
#56908d rgb(86,144,141)
```
#4d9995
```
#4d9995 rgb(77,153,149)
```
#44a29d
```
#44a29d rgb(68,162,157)
```
#3baba5
```
#3baba5 rgb(59,171,165)
```
#33b3ac
```
#33b3ac rgb(51,179,172)
```
#2abcb4
```
#2abcb4 rgb(42,188,180)
```
#21c5bc
```
#21c5bc rgb(33,197,188)
```
#18cec4
```
#18cec4 rgb(24,206,196)
```
#0fd7cc
```
#0fd7cc rgb(15,215,204)
```
#06e0d4
```
#06e0d4 rgb(6,224,212)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7da19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbbbb Protanopia 1% of men
#c4b7d0 Deuteranopia 1% of men
#3fcddc Tritanopia 0.001% of the population

Trichromacy

#82c2be Protanomaly 1% of men, 0.01% of women
#85bfcb Deuteranomaly 6% of men, 0.4% of women
#31cdd3 Tritanomaly 0.01% of the population

#18cec4 hex color

#18cec4 Color Information

#18cec4 Color Conversion

Color Schemes with #18cec4

Alternatives to #18cec4

#18cec4 Preview

Shades and Tints of #18cec4

Tones of #18cec4

Color Blindness Simulator