#218e60 hex color

In a RGB color space, hex #218e60 is composed of 12.9% red, 55.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 32.4% yellow and 44.3% black. It has a hue angle of 154.7 degrees, a saturation of 62.3% and a lightness of 34.3%. #218e60 color hex could be obtained by blending #42ffc0 with #001d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 13
- G 56
- B 38
RGB color chart
- C 77
- M 0
- Y 32
- K 44
CMYK color chart

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

The hexadecimal color #218e60 has RGB values of R:33, G:142, B:96 and CMYK values of C:0.77, M:0, Y:0.32, K:0.44. Its decimal value is 2199136.

Hex triplet	218e60	`#218e60`
RGB Decimal	33, 142, 96	`rgb(33,142,96)`
RGB Percent	12.9, 55.7, 37.6	`rgb(12.9%,55.7%,37.6%)`
CMYK	77, 0, 32, 44
HSL	154.7°, 62.3, 34.3	`hsl(154.7,62.3%,34.3%)`
HSV (or HSB)	154.7°, 76.8, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.412, -41.218, 16.123
XYZ	12.411, 20.513, 14.371
xyY	0.262, 0.434, 20.513
CIE-LCH	52.412, 44.259, 158.637
CIE-LUV	52.412, -41.675, 27.216
Hunter-Lab	45.291, -30.347, 12.891
Binary	00100001, 10001110, 01100000

#218e60
```
#218e60 rgb(33,142,96)
```
#8e214f
```
#8e214f rgb(142,33,79)
```

Complementary Color

#218e2a
```
#218e2a rgb(33,142,42)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#21868e
```
#21868e rgb(33,134,142)
```

Analogous Color

#8e2a21
```
#8e2a21 rgb(142,42,33)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#8e2186
```
#8e2186 rgb(142,33,134)
```

Split Complementary Color

#8e6021
```
#8e6021 rgb(142,96,33)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#60218e
```
#60218e rgb(96,33,142)
```

Triadic Color

#4f8e21
```
#4f8e21 rgb(79,142,33)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#60218e
```
#60218e rgb(96,33,142)
```
#8e214f
```
#8e214f rgb(142,33,79)
```

Tetradic Color

#135036
```
#135036 rgb(19,80,54)
```
#176544
```
#176544 rgb(23,101,68)
```
#1c7952
```
#1c7952 rgb(28,121,82)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#26a36e
```
#26a36e rgb(38,163,110)
```
#2bb77c
```
#2bb77c rgb(43,183,124)
```
#2fcc8a
```
#2fcc8a rgb(47,204,138)
```

Monochromatic Color

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

#218e45
```
#218e45 rgb(33,142,69)
```
#218e4e
```
#218e4e rgb(33,142,78)
```
#218e57
```
#218e57 rgb(33,142,87)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#218e69
```
#218e69 rgb(33,142,105)
```
#218e72
```
#218e72 rgb(33,142,114)
```
#218e7b
```
#218e7b rgb(33,142,123)
```

Similar Colors

Text with hexadecimal color #218e60

This text has a font color of #218e60.

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

#218e60 background color

This paragraph has a background color of #218e60.

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

#218e60 border color

This element has a border color of #218e60.

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

CSS codes

.text {color:#218e60;}

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

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

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

#030f0a
```
#030f0a rgb(3,15,10)
```
#071f15
```
#071f15 rgb(7,31,21)
```
#0b2f1f
```
#0b2f1f rgb(11,47,31)
```
#0f3e2a
```
#0f3e2a rgb(15,62,42)
```
#124e35
```
#124e35 rgb(18,78,53)
```
#165e40
```
#165e40 rgb(22,94,64)
```
#1a6e4a
```
#1a6e4a rgb(26,110,74)
```
#1d7e55
```
#1d7e55 rgb(29,126,85)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#259e6b
```
#259e6b rgb(37,158,107)
```
#28ae76
```
#28ae76 rgb(40,174,118)
```
#2cbe80
```
#2cbe80 rgb(44,190,128)
```
#30ce8b
```
#30ce8b rgb(48,206,139)
```

Shade Color Variation

#3fd294
```
#3fd294 rgb(63,210,148)
```
#4fd69d
```
#4fd69d rgb(79,214,157)
```
#5fdaa6
```
#5fdaa6 rgb(95,218,166)
```
#6fddaf
```
#6fddaf rgb(111,221,175)
```
#7ee1b7
```
#7ee1b7 rgb(126,225,183)
```
#8ee5c0
```
#8ee5c0 rgb(142,229,192)
```
#9ee9c9
```
#9ee9c9 rgb(158,233,201)
```
#aeecd2
```
#aeecd2 rgb(174,236,210)
```
#bef0db
```
#bef0db rgb(190,240,219)
```
#cef4e4
```
#cef4e4 rgb(206,244,228)
```
#def7ed
```
#def7ed rgb(222,247,237)
```
#eefbf5
```
#eefbf5 rgb(238,251,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575858 is the less saturated color, while #06a964 is the most saturated one.

#575858
```
#575858 rgb(87,88,88)
```
#505f59
```
#505f59 rgb(80,95,89)
```
#49665a
```
#49665a rgb(73,102,90)
```
#436c5b
```
#436c5b rgb(67,108,91)
```
#3c735c
```
#3c735c rgb(60,115,92)
```
#357a5d
```
#357a5d rgb(53,122,93)
```
#2e815e
```
#2e815e rgb(46,129,94)
```
#28875f
```
#28875f rgb(40,135,95)
```
#218e60
```
#218e60 rgb(33,142,96)
```
#1a9561
```
#1a9561 rgb(26,149,97)
```
#149b62
```
#149b62 rgb(20,155,98)
```
#0da263
```
#0da263 rgb(13,162,99)
```
#06a964
```
#06a964 rgb(6,169,100)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5a7066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8361 Protanopia 1% of men
#977f6f Deuteranopia 1% of men
#468d98 Tritanopia 0.001% of the population

Trichromacy

#658760 Protanomaly 1% of men, 0.01% of women
#6c8469 Deuteranomaly 6% of men, 0.4% of women
#388d83 Tritanomaly 0.01% of the population

#218e60 hex color

#218e60 Color Information

#218e60 Color Conversion

Color Schemes with #218e60

Alternatives to #218e60

#218e60 Preview

Shades and Tints of #218e60

Tones of #218e60

Color Blindness Simulator