#218a4e hex color

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

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

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

The hexadecimal color #218a4e has RGB values of R:33, G:138, B:78 and CMYK values of C:0.76, M:0, Y:0.43, K:0.46. Its decimal value is 2198094.

Hex triplet	218a4e	`#218a4e`
RGB Decimal	33, 138, 78	`rgb(33,138,78)`
RGB Percent	12.9, 54.1, 30.6	`rgb(12.9%,54.1%,30.6%)`
CMYK	76, 0, 43, 46
HSL	145.7°, 61.4, 33.5	`hsl(145.7,61.4%,33.5%)`
HSV (or HSB)	145.7°, 76.1, 54.1
Web Safe	339966	`#339966`

CIE-LAB	50.745, -43.368, 23.949
XYZ	11.09, 19.049, 10.3
xyY	0.274, 0.471, 19.049
CIE-LCH	50.745, 49.541, 151.091
CIE-LUV	50.745, -41.219, 36.144
Hunter-Lab	43.645, -31.024, 16.56
Binary	00100001, 10001010, 01001110

#218a4e
```
#218a4e rgb(33,138,78)
```
#8a215d
```
#8a215d rgb(138,33,93)
```

Complementary Color

#288a21
```
#288a21 rgb(40,138,33)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#218a83
```
#218a83 rgb(33,138,131)
```

Analogous Color

#8a2128
```
#8a2128 rgb(138,33,40)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#83218a
```
#83218a rgb(131,33,138)
```

Split Complementary Color

#8a4e21
```
#8a4e21 rgb(138,78,33)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#4e218a
```
#4e218a rgb(78,33,138)
```

Triadic Color

#5d8a21
```
#5d8a21 rgb(93,138,33)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#4e218a
```
#4e218a rgb(78,33,138)
```
#8a215d
```
#8a215d rgb(138,33,93)
```

Tetradic Color

#124c2b
```
#124c2b rgb(18,76,43)
```
#176137
```
#176137 rgb(23,97,55)
```
#1c7542
```
#1c7542 rgb(28,117,66)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#269f5a
```
#269f5a rgb(38,159,90)
```
#2bb365
```
#2bb365 rgb(43,179,101)
```
#30c871
```
#30c871 rgb(48,200,113)
```

Monochromatic Color

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

#218a34
```
#218a34 rgb(33,138,52)
```
#218a3d
```
#218a3d rgb(33,138,61)
```
#218a45
```
#218a45 rgb(33,138,69)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#218a57
```
#218a57 rgb(33,138,87)
```
#218a60
```
#218a60 rgb(33,138,96)
```
#218a68
```
#218a68 rgb(33,138,104)
```

Similar Colors

Text with hexadecimal color #218a4e

This text has a font color of #218a4e.

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

#218a4e background color

This paragraph has a background color of #218a4e.

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

#218a4e border color

This element has a border color of #218a4e.

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

CSS codes

.text {color:#218a4e;}

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

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

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

#030b06
```
#030b06 rgb(3,11,6)
```
#071b0f
```
#071b0f rgb(7,27,15)
```
#0a2b18
```
#0a2b18 rgb(10,43,24)
```
#0e3b21
```
#0e3b21 rgb(14,59,33)
```
#124b2a
```
#124b2a rgb(18,75,42)
```
#165b33
```
#165b33 rgb(22,91,51)
```
#196a3c
```
#196a3c rgb(25,106,60)
```
#1d7a45
```
#1d7a45 rgb(29,122,69)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#259a57
```
#259a57 rgb(37,154,87)
```
#29aa60
```
#29aa60 rgb(41,170,96)
```
#2cb969
```
#2cb969 rgb(44,185,105)
```
#30c972
```
#30c972 rgb(48,201,114)
```

Shade Color Variation

#3dd17c
```
#3dd17c rgb(61,209,124)
```
#4cd487
```
#4cd487 rgb(76,212,135)
```
#5cd891
```
#5cd891 rgb(92,216,145)
```
#6cdc9c
```
#6cdc9c rgb(108,220,156)
```
#7ce0a7
```
#7ce0a7 rgb(124,224,167)
```
#8ce3b1
```
#8ce3b1 rgb(140,227,177)
```
#9ce7bc
```
#9ce7bc rgb(156,231,188)
```
#abebc7
```
#abebc7 rgb(171,235,199)
```
#bbefd1
```
#bbefd1 rgb(187,239,209)
```
#cbf3dc
```
#cbf3dc rgb(203,243,220)
```
#dbf6e7
```
#dbf6e7 rgb(219,246,231)
```
#ebfaf1
```
#ebfaf1 rgb(235,250,241)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#4f5c55
```
#4f5c55 rgb(79,92,85)
```
#486354
```
#486354 rgb(72,99,84)
```
#426953
```
#426953 rgb(66,105,83)
```
#3b7052
```
#3b7052 rgb(59,112,82)
```
#357651
```
#357651 rgb(53,118,81)
```
#2e7d50
```
#2e7d50 rgb(46,125,80)
```
#28834f
```
#28834f rgb(40,131,79)
```
#218a4e
```
#218a4e rgb(33,138,78)
```
#1a914d
```
#1a914d rgb(26,145,77)
```
#14974c
```
#14974c rgb(20,151,76)
```
#0d9e4b
```
#0d9e4b rgb(13,158,75)
```
#07a44a
```
#07a44a rgb(7,164,74)
```
#00ab49
```
#00ab49 rgb(0,171,73)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#576c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f51 Protanopia 1% of men
#967a5e Deuteranopia 1% of men
#488892 Tritanopia 0.001% of the population

Trichromacy

#648350 Protanomaly 1% of men, 0.01% of women
#6b8058 Deuteranomaly 6% of men, 0.4% of women
#3a8979 Tritanomaly 0.01% of the population

#218a4e hex color

#218a4e Color Information

#218a4e Color Conversion

Color Schemes with #218a4e

Alternatives to #218a4e

#218a4e Preview

Shades and Tints of #218a4e

Tones of #218a4e

Color Blindness Simulator