#218a6d hex color

In a RGB color space, hex #218a6d is composed of 12.9% red, 54.1% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 21% yellow and 45.9% black. It has a hue angle of 163.4 degrees, a saturation of 61.4% and a lightness of 33.5%. #218a6d color hex could be obtained by blending #42ffda with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 54
- B 43
RGB color chart
- C 76
- M 0
- Y 21
- K 46
CMYK color chart

● #218a6d color description : Dark cyan - lime green.

The hexadecimal color #218a6d has RGB values of R:33, G:138, B:109 and CMYK values of C:0.76, M:0, Y:0.21, K:0.46. Its decimal value is 2198125.

Hex triplet	218a6d	`#218a6d`
RGB Decimal	33, 138, 109	`rgb(33,138,109)`
RGB Percent	12.9, 54.1, 42.7	`rgb(12.9%,54.1%,42.7%)`
CMYK	76, 0, 21, 46
HSL	163.4°, 61.4, 33.5	`hsl(163.4,61.4%,33.5%)`
HSV (or HSB)	163.4°, 76.1, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.386, -36.356, 7.249
XYZ	12.475, 19.603, 17.593
xyY	0.251, 0.395, 19.603
CIE-LCH	51.386, 37.071, 168.724
CIE-LUV	51.386, -39.386, 15.16
Hunter-Lab	44.276, -27.188, 7.433
Binary	00100001, 10001010, 01101101

#218a6d
```
#218a6d rgb(33,138,109)
```
#8a213e
```
#8a213e rgb(138,33,62)
```

Complementary Color

#218a39
```
#218a39 rgb(33,138,57)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#21738a
```
#21738a rgb(33,115,138)
```

Analogous Color

#8a3921
```
#8a3921 rgb(138,57,33)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#8a2173
```
#8a2173 rgb(138,33,115)
```

Split Complementary Color

#8a6d21
```
#8a6d21 rgb(138,109,33)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#6d218a
```
#6d218a rgb(109,33,138)
```

Triadic Color

#3e8a21
```
#3e8a21 rgb(62,138,33)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#6d218a
```
#6d218a rgb(109,33,138)
```
#8a213e
```
#8a213e rgb(138,33,62)
```

Tetradic Color

#124c3c
```
#124c3c rgb(18,76,60)
```
#17614c
```
#17614c rgb(23,97,76)
```
#1c755d
```
#1c755d rgb(28,117,93)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#269f7d
```
#269f7d rgb(38,159,125)
```
#2bb38e
```
#2bb38e rgb(43,179,142)
```
#30c89e
```
#30c89e rgb(48,200,158)
```

Monochromatic Color

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

#218a53
```
#218a53 rgb(33,138,83)
```
#218a5c
```
#218a5c rgb(33,138,92)
```
#218a64
```
#218a64 rgb(33,138,100)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#218a76
```
#218a76 rgb(33,138,118)
```
#218a7f
```
#218a7f rgb(33,138,127)
```
#218a87
```
#218a87 rgb(33,138,135)
```

Similar Colors

Text with hexadecimal color #218a6d

This text has a font color of #218a6d.

<span style="color:#218a6d;">Text here</span>

#218a6d background color

This paragraph has a background color of #218a6d.

<p style="background-color:#218a6d;">Content here</p>

#218a6d border color

This element has a border color of #218a6d.

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

CSS codes

.text {color:#218a6d;}

.background {background-color:#218a6d;}

.border {border:1px solid #218a6d;}

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#071b15
```
#071b15 rgb(7,27,21)
```
#0a2b22
```
#0a2b22 rgb(10,43,34)
```
#0e3b2e
```
#0e3b2e rgb(14,59,46)
```
#124b3b
```
#124b3b rgb(18,75,59)
```
#165b47
```
#165b47 rgb(22,91,71)
```
#196a54
```
#196a54 rgb(25,106,84)
```
#1d7a60
```
#1d7a60 rgb(29,122,96)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#259a7a
```
#259a7a rgb(37,154,122)
```
#29aa86
```
#29aa86 rgb(41,170,134)
```
#2cb993
```
#2cb993 rgb(44,185,147)
```
#30c99f
```
#30c99f rgb(48,201,159)
```

Shade Color Variation

#3dd1a8
```
#3dd1a8 rgb(61,209,168)
```
#4cd4af
```
#4cd4af rgb(76,212,175)
```
#5cd8b6
```
#5cd8b6 rgb(92,216,182)
```
#6cdcbd
```
#6cdcbd rgb(108,220,189)
```
#7ce0c4
```
#7ce0c4 rgb(124,224,196)
```
#8ce3cb
```
#8ce3cb rgb(140,227,203)
```
#9ce7d2
```
#9ce7d2 rgb(156,231,210)
```
#abebd9
```
#abebd9 rgb(171,235,217)
```
#bbefe1
```
#bbefe1 rgb(187,239,225)
```
#cbf3e8
```
#cbf3e8 rgb(203,243,232)
```
#dbf6ef
```
#dbf6ef rgb(219,246,239)
```
#ebfaf6
```
#ebfaf6 rgb(235,250,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5c58 is the less saturated color, while #00ab7c is the most saturated one.

#4f5c58
```
#4f5c58 rgb(79,92,88)
```
#48635b
```
#48635b rgb(72,99,91)
```
#42695e
```
#42695e rgb(66,105,94)
```
#3b7061
```
#3b7061 rgb(59,112,97)
```
#357664
```
#357664 rgb(53,118,100)
```
#2e7d67
```
#2e7d67 rgb(46,125,103)
```
#28836a
```
#28836a rgb(40,131,106)
```
#218a6d
```
#218a6d rgb(33,138,109)
```
#1a9170
```
#1a9170 rgb(26,145,112)
```
#149773
```
#149773 rgb(20,151,115)
```
#0d9e76
```
#0d9e76 rgb(13,158,118)
```
#07a479
```
#07a479 rgb(7,164,121)
```
#00ab7c
```
#00ab7c rgb(0,171,124)
```

Tone Color Variation

Below, you can see how #218a6d 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

#676767 Achromatopsia 0.005% of the population
#596e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88816d Protanopia 1% of men
#8f7d7b Deuteranopia 1% of men
#408b95 Tritanopia 0.001% of the population

Trichromacy

#62846d Protanomaly 1% of men, 0.01% of women
#678176 Deuteranomaly 6% of men, 0.4% of women
#358a86 Tritanomaly 0.01% of the population

#218a6d hex color

#218a6d Color Information

#218a6d Color Conversion

Color Schemes with #218a6d

Alternatives to #218a6d

#218a6d Preview

Shades and Tints of #218a6d

Tones of #218a6d

Color Blindness Simulator