#18c196 hex color

In a RGB color space, hex #18c196 is composed of 9.4% red, 75.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 0% magenta, 22.3% yellow and 24.3% black. It has a hue angle of 164.7 degrees, a saturation of 77.9% and a lightness of 42.5%. #18c196 color hex could be obtained by blending #30ffff with #00832d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 76
- B 59
RGB color chart
- C 88
- M 0
- Y 22
- K 24
CMYK color chart

● #18c196 color description : Strong cyan - lime green.

The hexadecimal color #18c196 has RGB values of R:24, G:193, B:150 and CMYK values of C:0.88, M:0, Y:0.22, K:0.24. Its decimal value is 1622422.

Hex triplet	18c196	`#18c196`
RGB Decimal	24, 193, 150	`rgb(24,193,150)`
RGB Percent	9.4, 75.7, 58.8	`rgb(9.4%,75.7%,58.8%)`
CMYK	88, 0, 22, 24
HSL	164.7°, 77.9, 42.5	`hsl(164.7,77.9%,42.5%)`
HSV (or HSB)	164.7°, 87.6, 75.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	69.848, -49.891, 10.54
XYZ	24.949, 40.533, 35.361
xyY	0.247, 0.402, 40.533
CIE-LCH	69.848, 50.992, 168.071
CIE-LUV	69.848, -57.025, 22.956
Hunter-Lab	63.666, -41.465, 11.635
Binary	00011000, 11000001, 10010110

#18c196
```
#18c196 rgb(24,193,150)
```
#c11843
```
#c11843 rgb(193,24,67)
```

Complementary Color

#18c142
```
#18c142 rgb(24,193,66)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#1898c1
```
#1898c1 rgb(24,152,193)
```

Analogous Color

#c14218
```
#c14218 rgb(193,66,24)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#c11898
```
#c11898 rgb(193,24,152)
```

Split Complementary Color

#c19618
```
#c19618 rgb(193,150,24)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#9618c1
```
#9618c1 rgb(150,24,193)
```

Triadic Color

#43c118
```
#43c118 rgb(67,193,24)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#9618c1
```
#9618c1 rgb(150,24,193)
```
#c11843
```
#c11843 rgb(193,24,67)
```

Tetradic Color

#107d61
```
#107d61 rgb(16,125,97)
```
#129473
```
#129473 rgb(18,148,115)
```
#15aa84
```
#15aa84 rgb(21,170,132)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#1bd8a8
```
#1bd8a8 rgb(27,216,168)
```
#28e4b4
```
#28e4b4 rgb(40,228,180)
```
#3ee7bc
```
#3ee7bc rgb(62,231,188)
```

Monochromatic Color

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

#18c16c
```
#18c16c rgb(24,193,108)
```
#18c17a
```
#18c17a rgb(24,193,122)
```
#18c188
```
#18c188 rgb(24,193,136)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#18c1a4
```
#18c1a4 rgb(24,193,164)
```
#18c1b2
```
#18c1b2 rgb(24,193,178)
```
#18c1c0
```
#18c1c0 rgb(24,193,192)
```

Similar Colors

Text with hexadecimal color #18c196

This text has a font color of #18c196.

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

#18c196 background color

This paragraph has a background color of #18c196.

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

#18c196 border color

This element has a border color of #18c196.

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

CSS codes

.text {color:#18c196;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#02130e
```
#02130e rgb(2,19,14)
```
#04241c
```
#04241c rgb(4,36,28)
```
#07352a
```
#07352a rgb(7,53,42)
```
#094737
```
#094737 rgb(9,71,55)
```
#0b5845
```
#0b5845 rgb(11,88,69)
```
#0d6a52
```
#0d6a52 rgb(13,106,82)
```
#0f7b60
```
#0f7b60 rgb(15,123,96)
```
#118d6d
```
#118d6d rgb(17,141,109)
```
#149e7b
```
#149e7b rgb(20,158,123)
```
#16b088
```
#16b088 rgb(22,176,136)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#1ad2a4
```
#1ad2a4 rgb(26,210,164)
```

Shade Color Variation

#1de3b1
```
#1de3b1 rgb(29,227,177)
```
#2fe5b7
```
#2fe5b7 rgb(47,229,183)
```
#40e7bd
```
#40e7bd rgb(64,231,189)
```
#52e9c3
```
#52e9c3 rgb(82,233,195)
```
#63ecc9
```
#63ecc9 rgb(99,236,201)
```
#75eecf
```
#75eecf rgb(117,238,207)
```
#86f0d5
```
#86f0d5 rgb(134,240,213)
```
#97f2db
```
#97f2db rgb(151,242,219)
```
#a9f4e1
```
#a9f4e1 rgb(169,244,225)
```
#baf6e7
```
#baf6e7 rgb(186,246,231)
```
#ccf9ed
```
#ccf9ed rgb(204,249,237)
```
#ddfbf3
```
#ddfbf3 rgb(221,251,243)
```
#effdf9
```
#effdf9 rgb(239,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e6d is the less saturated color, while #07d29e is the most saturated one.

#6b6e6d
```
#6b6e6d rgb(107,110,109)
```
#637671
```
#637671 rgb(99,118,113)
```
#5b7e75
```
#5b7e75 rgb(91,126,117)
```
#528779
```
#528779 rgb(82,135,121)
```
#4a8f7d
```
#4a8f7d rgb(74,143,125)
```
#429782
```
#429782 rgb(66,151,130)
```
#39a086
```
#39a086 rgb(57,160,134)
```
#31a88a
```
#31a88a rgb(49,168,138)
```
#29b08e
```
#29b08e rgb(41,176,142)
```
#20b992
```
#20b992 rgb(32,185,146)
```
#18c196
```
#18c196 rgb(24,193,150)
```
#10c99a
```
#10c99a rgb(16,201,154)
```
#07d29e
```
#07d29e rgb(7,210,158)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#73958c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae91 Protanopia 1% of men
#c3a9a4 Deuteranopia 1% of men
#4dbdcb Tritanopia 0.001% of the population

Trichromacy

#7eb593 Protanomaly 1% of men, 0.01% of women
#84b29f Deuteranomaly 6% of men, 0.4% of women
#3abeb8 Tritanomaly 0.01% of the population

#18c196 hex color

#18c196 Color Information

#18c196 Color Conversion

Color Schemes with #18c196

Alternatives to #18c196

#18c196 Preview

Shades and Tints of #18c196

Tones of #18c196

Color Blindness Simulator