#18d196 hex color

In a RGB color space, hex #18d196 is composed of 9.4% red, 82% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 88.5% cyan, 0% magenta, 28.2% yellow and 18% black. It has a hue angle of 160.9 degrees, a saturation of 79.4% and a lightness of 45.7%. #18d196 color hex could be obtained by blending #30ffff with #00a32d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 9
- G 82
- B 59
RGB color chart
- C 89
- M 0
- Y 28
- K 18
CMYK color chart

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

The hexadecimal color #18d196 has RGB values of R:24, G:209, B:150 and CMYK values of C:0.89, M:0, Y:0.28, K:0.18. Its decimal value is 1626518.

Hex triplet	18d196	`#18d196`
RGB Decimal	24, 209, 150	`rgb(24,209,150)`
RGB Percent	9.4, 82, 58.8	`rgb(9.4%,82%,58.8%)`
CMYK	89, 0, 28, 18
HSL	160.9°, 79.4, 45.7	`hsl(160.9,79.4%,45.7%)`
HSV (or HSB)	160.9°, 88.5, 82
Web Safe	00cc99	`#00cc99`

CIE-LAB	74.821, -56.107, 17.522
XYZ	28.68, 47.994, 36.605
xyY	0.253, 0.424, 47.994
CIE-LCH	74.821, 58.78, 162.657
CIE-LUV	74.821, -62.444, 33.908
Hunter-Lab	69.278, -47.34, 17.167
Binary	00011000, 11010001, 10010110

#18d196
```
#18d196 rgb(24,209,150)
```
#d11853
```
#d11853 rgb(209,24,83)
```

Complementary Color

#18d13a
```
#18d13a rgb(24,209,58)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#18b0d1
```
#18b0d1 rgb(24,176,209)
```

Analogous Color

#d13a18
```
#d13a18 rgb(209,58,24)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#d118b0
```
#d118b0 rgb(209,24,176)
```

Split Complementary Color

#d19618
```
#d19618 rgb(209,150,24)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#9618d1
```
#9618d1 rgb(150,24,209)
```

Triadic Color

#53d118
```
#53d118 rgb(83,209,24)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#9618d1
```
#9618d1 rgb(150,24,209)
```
#d11853
```
#d11853 rgb(209,24,83)
```

Tetradic Color

#108c65
```
#108c65 rgb(16,140,101)
```
#13a375
```
#13a375 rgb(19,163,117)
```
#15ba86
```
#15ba86 rgb(21,186,134)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#1de5a5
```
#1de5a5 rgb(29,229,165)
```
#34e8ae
```
#34e8ae rgb(52,232,174)
```
#4beab8
```
#4beab8 rgb(75,234,184)
```

Monochromatic Color

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

#18d168
```
#18d168 rgb(24,209,104)
```
#18d177
```
#18d177 rgb(24,209,119)
```
#18d187
```
#18d187 rgb(24,209,135)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#18d1a5
```
#18d1a5 rgb(24,209,165)
```
#18d1b5
```
#18d1b5 rgb(24,209,181)
```
#18d1c4
```
#18d1c4 rgb(24,209,196)
```

Similar Colors

Text with hexadecimal color #18d196

This text has a font color of #18d196.

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

#18d196 background color

This paragraph has a background color of #18d196.

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

#18d196 border color

This element has a border color of #18d196.

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

CSS codes

.text {color:#18d196;}

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

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

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, #020f0b is the darkest color, while #fdfffe is the lightest one.

#020f0b
```
#020f0b rgb(2,15,11)
```
#042118
```
#042118 rgb(4,33,24)
```
#063324
```
#063324 rgb(6,51,36)
```
#084431
```
#084431 rgb(8,68,49)
```
#0a563e
```
#0a563e rgb(10,86,62)
```
#0c674a
```
#0c674a rgb(12,103,74)
```
#0e7957
```
#0e7957 rgb(14,121,87)
```
#108b63
```
#108b63 rgb(16,139,99)
```
#129c70
```
#129c70 rgb(18,156,112)
```
#14ae7d
```
#14ae7d rgb(20,174,125)
```
#16bf89
```
#16bf89 rgb(22,191,137)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#1ae3a3
```
#1ae3a3 rgb(26,227,163)
```

Shade Color Variation

#2ae7aa
```
#2ae7aa rgb(42,231,170)
```
#3be9b1
```
#3be9b1 rgb(59,233,177)
```
#4debb8
```
#4debb8 rgb(77,235,184)
```
#5fedbf
```
#5fedbf rgb(95,237,191)
```
#70efc6
```
#70efc6 rgb(112,239,198)
```
#82f1cd
```
#82f1cd rgb(130,241,205)
```
#93f3d4
```
#93f3d4 rgb(147,243,212)
```
#a5f5db
```
#a5f5db rgb(165,245,219)
```
#b6f7e2
```
#b6f7e2 rgb(182,247,226)
```
#c8f9e9
```
#c8f9e9 rgb(200,249,233)
```
#dafbf0
```
#dafbf0 rgb(218,251,240)
```
#ebfdf7
```
#ebfdf7 rgb(235,253,247)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#727776
```
#727776 rgb(114,119,118)
```
#698079
```
#698079 rgb(105,128,121)
```
#60897c
```
#60897c rgb(96,137,124)
```
#57927f
```
#57927f rgb(87,146,127)
```
#4e9b83
```
#4e9b83 rgb(78,155,131)
```
#45a486
```
#45a486 rgb(69,164,134)
```
#3cad89
```
#3cad89 rgb(60,173,137)
```
#33b68c
```
#33b68c rgb(51,182,140)
```
#2abf90
```
#2abf90 rgb(42,191,144)
```
#21c893
```
#21c893 rgb(33,200,147)
```
#18d196
```
#18d196 rgb(24,209,150)
```
#0fda99
```
#0fda99 rgb(15,218,153)
```
#06e39c
```
#06e39c rgb(6,227,156)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7a9f94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bb91 Protanopia 1% of men
#d5b5a5 Deuteranopia 1% of men
#57cbd9 Tritanopia 0.001% of the population

Trichromacy

#88c392 Protanomaly 1% of men, 0.01% of women
#90bfa0 Deuteranomaly 6% of men, 0.4% of women
#40cdc1 Tritanomaly 0.01% of the population

#18d196 hex color

#18d196 Color Information

#18d196 Color Conversion

Color Schemes with #18d196

Alternatives to #18d196

#18d196 Preview

Shades and Tints of #18d196

Tones of #18d196

Color Blindness Simulator