colorhexa.com

#218a6c hex color

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

- R 13
- G 54
- B 42
RGB color chart
- C 76
- M 0
- Y 22
- K 46
CMYK color chart

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

The hexadecimal color #218a6c has RGB values of R:33, G:138, B:108 and CMYK values of C:0.76, M:0, Y:0.22, K:0.46. Its decimal value is 2198124.

Hex triplet	218a6c	`#218a6c`
RGB Decimal	33, 138, 108	`rgb(33,138,108)`
RGB Percent	12.9, 54.1, 42.4	`rgb(12.9%,54.1%,42.4%)`
CMYK	76, 0, 22, 46
HSL	162.9°, 61.4, 33.5	`hsl(162.9,61.4%,33.5%)`
HSV (or HSB)	162.9°, 76.1, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.361, -36.614, 7.791
XYZ	12.421, 19.582, 17.312
xyY	0.252, 0.397, 19.582
CIE-LCH	51.361, 37.434, 167.987
CIE-LUV	51.361, -39.451, 15.911
Hunter-Lab	44.251, -27.335, 7.781
Binary	00100001, 10001010, 01101100

#218a6c
```
#218a6c rgb(33,138,108)
```
#8a213f
```
#8a213f rgb(138,33,63)
```

Complementary Color

#218a38
```
#218a38 rgb(33,138,56)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#21748a
```
#21748a rgb(33,116,138)
```

Analogous Color

#8a3821
```
#8a3821 rgb(138,56,33)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#8a2174
```
#8a2174 rgb(138,33,116)
```

Split Complementary Color

#8a6c21
```
#8a6c21 rgb(138,108,33)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#6c218a
```
#6c218a rgb(108,33,138)
```

Triadic Color

#3f8a21
```
#3f8a21 rgb(63,138,33)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#6c218a
```
#6c218a rgb(108,33,138)
```
#8a213f
```
#8a213f rgb(138,33,63)
```

Tetradic Color

#124c3c
```
#124c3c rgb(18,76,60)
```
#17614c
```
#17614c rgb(23,97,76)
```
#1c755c
```
#1c755c rgb(28,117,92)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#269f7c
```
#269f7c rgb(38,159,124)
```
#2bb38c
```
#2bb38c rgb(43,179,140)
```
#30c89c
```
#30c89c rgb(48,200,156)
```

Monochromatic Color

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

#218a52
```
#218a52 rgb(33,138,82)
```
#218a5b
```
#218a5b rgb(33,138,91)
```
#218a63
```
#218a63 rgb(33,138,99)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#218a75
```
#218a75 rgb(33,138,117)
```
#218a7e
```
#218a7e rgb(33,138,126)
```
#218a86
```
#218a86 rgb(33,138,134)
```

Similar Colors

Text with hexadecimal color #218a6c

This text has a font color of #218a6c.

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

#218a6c background color

This paragraph has a background color of #218a6c.

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

#218a6c border color

This element has a border color of #218a6c.

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

CSS codes

.text {color:#218a6c;}

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

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

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)
```
#124b3a
```
#124b3a rgb(18,75,58)
```
#165b47
```
#165b47 rgb(22,91,71)
```
#196a53
```
#196a53 rgb(25,106,83)
```
#1d7a60
```
#1d7a60 rgb(29,122,96)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#259a78
```
#259a78 rgb(37,154,120)
```
#29aa85
```
#29aa85 rgb(41,170,133)
```
#2cb991
```
#2cb991 rgb(44,185,145)
```
#30c99e
```
#30c99e rgb(48,201,158)
```

Shade Color Variation

#3dd1a6
```
#3dd1a6 rgb(61,209,166)
```
#4cd4ad
```
#4cd4ad rgb(76,212,173)
```
#5cd8b5
```
#5cd8b5 rgb(92,216,181)
```
#6cdcbc
```
#6cdcbc rgb(108,220,188)
```
#7ce0c3
```
#7ce0c3 rgb(124,224,195)
```
#8ce3ca
```
#8ce3ca rgb(140,227,202)
```
#9ce7d2
```
#9ce7d2 rgb(156,231,210)
```
#abebd9
```
#abebd9 rgb(171,235,217)
```
#bbefe0
```
#bbefe0 rgb(187,239,224)
```
#cbf3e7
```
#cbf3e7 rgb(203,243,231)
```
#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 #00ab7a 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)
```
#2e7d66
```
#2e7d66 rgb(46,125,102)
```
#288369
```
#288369 rgb(40,131,105)
```
#218a6c
```
#218a6c rgb(33,138,108)
```
#1a916f
```
#1a916f rgb(26,145,111)
```
#149772
```
#149772 rgb(20,151,114)
```
#0d9e74
```
#0d9e74 rgb(13,158,116)
```
#07a477
```
#07a477 rgb(7,164,119)
```
#00ab7a
```
#00ab7a rgb(0,171,122)
```

Tone Color Variation

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

#88806c Protanopia 1% of men
#8f7d7a Deuteranopia 1% of men
#418b95 Tritanopia 0.001% of the population

Trichromacy

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