#218a66 hex color

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

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

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

The hexadecimal color #218a66 has RGB values of R:33, G:138, B:102 and CMYK values of C:0.76, M:0, Y:0.26, K:0.46. Its decimal value is 2198118.

Hex triplet	218a66	`#218a66`
RGB Decimal	33, 138, 102	`rgb(33,138,102)`
RGB Percent	12.9, 54.1, 40	`rgb(12.9%,54.1%,40%)`
CMYK	76, 0, 26, 46
HSL	159.4°, 61.4, 33.5	`hsl(159.4,61.4%,33.5%)`
HSV (or HSB)	159.4°, 76.1, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.219, -38.121, 11.048
XYZ	12.113, 19.458, 15.687
xyY	0.256, 0.412, 19.458
CIE-LCH	51.219, 39.689, 163.838
CIE-LUV	51.219, -39.831, 20.326
Hunter-Lab	44.112, -28.18, 9.793
Binary	00100001, 10001010, 01100110

#218a66
```
#218a66 rgb(33,138,102)
```
#8a2145
```
#8a2145 rgb(138,33,69)
```

Complementary Color

#218a31
```
#218a31 rgb(33,138,49)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#217a8a
```
#217a8a rgb(33,122,138)
```

Analogous Color

#8a3221
```
#8a3221 rgb(138,50,33)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#8a217a
```
#8a217a rgb(138,33,122)
```

Split Complementary Color

#8a6621
```
#8a6621 rgb(138,102,33)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#66218a
```
#66218a rgb(102,33,138)
```

Triadic Color

#458a21
```
#458a21 rgb(69,138,33)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#66218a
```
#66218a rgb(102,33,138)
```
#8a2145
```
#8a2145 rgb(138,33,69)
```

Tetradic Color

#124c38
```
#124c38 rgb(18,76,56)
```
#176148
```
#176148 rgb(23,97,72)
```
#1c7557
```
#1c7557 rgb(28,117,87)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#269f75
```
#269f75 rgb(38,159,117)
```
#2bb384
```
#2bb384 rgb(43,179,132)
```
#30c894
```
#30c894 rgb(48,200,148)
```

Monochromatic Color

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

#218a4c
```
#218a4c rgb(33,138,76)
```
#218a55
```
#218a55 rgb(33,138,85)
```
#218a5d
```
#218a5d rgb(33,138,93)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#218a6f
```
#218a6f rgb(33,138,111)
```
#218a78
```
#218a78 rgb(33,138,120)
```
#218a80
```
#218a80 rgb(33,138,128)
```

Similar Colors

Text with hexadecimal color #218a66

This text has a font color of #218a66.

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

#218a66 background color

This paragraph has a background color of #218a66.

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

#218a66 border color

This element has a border color of #218a66.

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

CSS codes

.text {color:#218a66;}

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

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

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

#030b08
```
#030b08 rgb(3,11,8)
```
#071b14
```
#071b14 rgb(7,27,20)
```
#0a2b20
```
#0a2b20 rgb(10,43,32)
```
#0e3b2b
```
#0e3b2b rgb(14,59,43)
```
#124b37
```
#124b37 rgb(18,75,55)
```
#165b43
```
#165b43 rgb(22,91,67)
```
#196a4f
```
#196a4f rgb(25,106,79)
```
#1d7a5a
```
#1d7a5a rgb(29,122,90)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#259a72
```
#259a72 rgb(37,154,114)
```
#29aa7d
```
#29aa7d rgb(41,170,125)
```
#2cb989
```
#2cb989 rgb(44,185,137)
```
#30c995
```
#30c995 rgb(48,201,149)
```

Shade Color Variation

#3dd19e
```
#3dd19e rgb(61,209,158)
```
#4cd4a6
```
#4cd4a6 rgb(76,212,166)
```
#5cd8ae
```
#5cd8ae rgb(92,216,174)
```
#6cdcb6
```
#6cdcb6 rgb(108,220,182)
```
#7ce0bd
```
#7ce0bd rgb(124,224,189)
```
#8ce3c5
```
#8ce3c5 rgb(140,227,197)
```
#9ce7cd
```
#9ce7cd rgb(156,231,205)
```
#abebd5
```
#abebd5 rgb(171,235,213)
```
#bbefdd
```
#bbefdd rgb(187,239,221)
```
#cbf3e5
```
#cbf3e5 rgb(203,243,229)
```
#dbf6ed
```
#dbf6ed rgb(219,246,237)
```
#ebfaf5
```
#ebfaf5 rgb(235,250,245)
```
#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 #00ab70 is the most saturated one.

#4f5c58
```
#4f5c58 rgb(79,92,88)
```
#48635a
```
#48635a rgb(72,99,90)
```
#42695c
```
#42695c rgb(66,105,92)
```
#3b705e
```
#3b705e rgb(59,112,94)
```
#357660
```
#357660 rgb(53,118,96)
```
#2e7d62
```
#2e7d62 rgb(46,125,98)
```
#288364
```
#288364 rgb(40,131,100)
```
#218a66
```
#218a66 rgb(33,138,102)
```
#1a9168
```
#1a9168 rgb(26,145,104)
```
#14976a
```
#14976a rgb(20,151,106)
```
#0d9e6c
```
#0d9e6c rgb(13,158,108)
```
#07a46e
```
#07a46e rgb(7,164,110)
```
#00ab70
```
#00ab70 rgb(0,171,112)
```

Tone Color Variation

Below, you can see how #218a66 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
#596e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888067 Protanopia 1% of men
#917c74 Deuteranopia 1% of men
#428a94 Tritanopia 0.001% of the population

Trichromacy

#638466 Protanomaly 1% of men, 0.01% of women
#68816f Deuteranomaly 6% of men, 0.4% of women
#368a83 Tritanomaly 0.01% of the population

#218a66 hex color

#218a66 Color Information

#218a66 Color Conversion

Color Schemes with #218a66

Alternatives to #218a66

#218a66 Preview

Shades and Tints of #218a66

Tones of #218a66

Color Blindness Simulator