colorhexa.com

#218a4f hex color

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

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

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

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

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

CIE-LAB	50.762, -43.175, 23.421
XYZ	11.126, 19.064, 10.49
xyY	0.274, 0.469, 19.064
CIE-LCH	50.762, 49.119, 151.522
CIE-LUV	50.762, -41.166, 35.552
Hunter-Lab	43.662, -30.922, 16.319
Binary	00100001, 10001010, 01001111

#218a4f
```
#218a4f rgb(33,138,79)
```
#8a215c
```
#8a215c rgb(138,33,92)
```

Complementary Color

#288a21
```
#288a21 rgb(40,138,33)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#218a84
```
#218a84 rgb(33,138,132)
```

Analogous Color

#8a2128
```
#8a2128 rgb(138,33,40)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#84218a
```
#84218a rgb(132,33,138)
```

Split Complementary Color

#8a4f21
```
#8a4f21 rgb(138,79,33)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#4f218a
```
#4f218a rgb(79,33,138)
```

Triadic Color

#124c2c
```
#124c2c rgb(18,76,44)
```
#176137
```
#176137 rgb(23,97,55)
```
#1c7543
```
#1c7543 rgb(28,117,67)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#269f5b
```
#269f5b rgb(38,159,91)
```
#2bb367
```
#2bb367 rgb(43,179,103)
```
#30c872
```
#30c872 rgb(48,200,114)
```

Monochromatic Color

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

#218a35
```
#218a35 rgb(33,138,53)
```
#218a3e
```
#218a3e rgb(33,138,62)
```
#218a46
```
#218a46 rgb(33,138,70)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#218a58
```
#218a58 rgb(33,138,88)
```
#218a61
```
#218a61 rgb(33,138,97)
```
#218a69
```
#218a69 rgb(33,138,105)
```

Similar Colors

Text with hexadecimal color #218a4f

This text has a font color of #218a4f.

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

#218a4f background color

This paragraph has a background color of #218a4f.

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

#218a4f border color

This element has a border color of #218a4f.

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

CSS codes

.text {color:#218a4f;}

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

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

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

#030b07
```
#030b07 rgb(3,11,7)
```
#071b10
```
#071b10 rgb(7,27,16)
```
#0a2b19
```
#0a2b19 rgb(10,43,25)
```
#0e3b22
```
#0e3b22 rgb(14,59,34)
```
#124b2b
```
#124b2b rgb(18,75,43)
```
#165b34
```
#165b34 rgb(22,91,52)
```
#196a3d
```
#196a3d rgb(25,106,61)
```
#1d7a46
```
#1d7a46 rgb(29,122,70)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#259a58
```
#259a58 rgb(37,154,88)
```
#29aa61
```
#29aa61 rgb(41,170,97)
```
#2cb96a
```
#2cb96a rgb(44,185,106)
```
#30c973
```
#30c973 rgb(48,201,115)
```

Shade Color Variation

#3dd17d
```
#3dd17d rgb(61,209,125)
```
#4cd488
```
#4cd488 rgb(76,212,136)
```
#5cd892
```
#5cd892 rgb(92,216,146)
```
#6cdc9d
```
#6cdc9d rgb(108,220,157)
```
#7ce0a8
```
#7ce0a8 rgb(124,224,168)
```
#8ce3b2
```
#8ce3b2 rgb(140,227,178)
```
#9ce7bd
```
#9ce7bd rgb(156,231,189)
```
#abebc7
```
#abebc7 rgb(171,235,199)
```
#bbefd2
```
#bbefd2 rgb(187,239,210)
```
#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 #00ab4b 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)
```
#2e7d51
```
#2e7d51 rgb(46,125,81)
```
#288350
```
#288350 rgb(40,131,80)
```
#218a4f
```
#218a4f rgb(33,138,79)
```
#1a914e
```
#1a914e rgb(26,145,78)
```
#14974d
```
#14974d rgb(20,151,77)
```
#0d9e4d
```
#0d9e4d rgb(13,158,77)
```
#07a44c
```
#07a44c rgb(7,164,76)
```
#00ab4b
```
#00ab4b rgb(0,171,75)
```

Tone Color Variation

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

#8b7f52 Protanopia 1% of men
#967a5f Deuteranopia 1% of men
#488993 Tritanopia 0.001% of the population

Trichromacy

#648350 Protanomaly 1% of men, 0.01% of women
#6b8059 Deuteranomaly 6% of men, 0.4% of women
#39897a Tritanomaly 0.01% of the population