#218e77 hex color

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

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

● #218e77 color description : Dark cyan.

The hexadecimal color #218e77 has RGB values of R:33, G:142, B:119 and CMYK values of C:0.77, M:0, Y:0.16, K:0.44. Its decimal value is 2199159.

Hex triplet	218e77	`#218e77`
RGB Decimal	33, 142, 119	`rgb(33,142,119)`
RGB Percent	12.9, 55.7, 46.7	`rgb(12.9%,55.7%,46.7%)`
CMYK	77, 0, 16, 44
HSL	167.3°, 62.3, 34.3	`hsl(167.3,62.3%,34.3%)`
HSV (or HSB)	167.3°, 76.8, 55.7
Web Safe	339966	`#339966`

CIE-LAB	52.949, -35.492, 3.717
XYZ	13.629, 21, 20.787
xyY	0.246, 0.379, 21
CIE-LCH	52.949, 35.686, 174.021
CIE-LUV	52.949, -40.207, 10.361
Hunter-Lab	45.826, -27.108, 5.184
Binary	00100001, 10001110, 01110111

#218e77
```
#218e77 rgb(33,142,119)
```
#8e2138
```
#8e2138 rgb(142,33,56)
```

Complementary Color

#218e40
```
#218e40 rgb(33,142,64)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#216f8e
```
#216f8e rgb(33,111,142)
```

Analogous Color

#8e4121
```
#8e4121 rgb(142,65,33)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#8e216f
```
#8e216f rgb(142,33,111)
```

Split Complementary Color

#8e7721
```
#8e7721 rgb(142,119,33)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#77218e
```
#77218e rgb(119,33,142)
```

Triadic Color

#388e21
```
#388e21 rgb(56,142,33)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#77218e
```
#77218e rgb(119,33,142)
```
#8e2138
```
#8e2138 rgb(142,33,56)
```

Tetradic Color

#135043
```
#135043 rgb(19,80,67)
```
#176554
```
#176554 rgb(23,101,84)
```
#1c7966
```
#1c7966 rgb(28,121,102)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#26a388
```
#26a388 rgb(38,163,136)
```
#2bb79a
```
#2bb79a rgb(43,183,154)
```
#2fccab
```
#2fccab rgb(47,204,171)
```

Monochromatic Color

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

#218e5c
```
#218e5c rgb(33,142,92)
```
#218e65
```
#218e65 rgb(33,142,101)
```
#218e6e
```
#218e6e rgb(33,142,110)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#218e80
```
#218e80 rgb(33,142,128)
```
#218e89
```
#218e89 rgb(33,142,137)
```
#218a8e
```
#218a8e rgb(33,138,142)
```

Similar Colors

Text with hexadecimal color #218e77

This text has a font color of #218e77.

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

#218e77 background color

This paragraph has a background color of #218e77.

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

#218e77 border color

This element has a border color of #218e77.

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

CSS codes

.text {color:#218e77;}

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

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

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

#030f0c
```
#030f0c rgb(3,15,12)
```
#071f1a
```
#071f1a rgb(7,31,26)
```
#0b2f27
```
#0b2f27 rgb(11,47,39)
```
#0f3e34
```
#0f3e34 rgb(15,62,52)
```
#124e42
```
#124e42 rgb(18,78,66)
```
#165e4f
```
#165e4f rgb(22,94,79)
```
#1a6e5c
```
#1a6e5c rgb(26,110,92)
```
#1d7e6a
```
#1d7e6a rgb(29,126,106)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#259e84
```
#259e84 rgb(37,158,132)
```
#28ae92
```
#28ae92 rgb(40,174,146)
```
#2cbe9f
```
#2cbe9f rgb(44,190,159)
```
#30ceac
```
#30ceac rgb(48,206,172)
```

Shade Color Variation

#3fd2b3
```
#3fd2b3 rgb(63,210,179)
```
#4fd6b9
```
#4fd6b9 rgb(79,214,185)
```
#5fdac0
```
#5fdac0 rgb(95,218,192)
```
#6fddc6
```
#6fddc6 rgb(111,221,198)
```
#7ee1cc
```
#7ee1cc rgb(126,225,204)
```
#8ee5d3
```
#8ee5d3 rgb(142,229,211)
```
#9ee9d9
```
#9ee9d9 rgb(158,233,217)
```
#aeecdf
```
#aeecdf rgb(174,236,223)
```
#bef0e5
```
#bef0e5 rgb(190,240,229)
```
#cef4ec
```
#cef4ec rgb(206,244,236)
```
#def7f2
```
#def7f2 rgb(222,247,242)
```
#eefbf8
```
#eefbf8 rgb(238,251,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#575858
```
#575858 rgb(87,88,88)
```
#505f5c
```
#505f5c rgb(80,95,92)
```
#496660
```
#496660 rgb(73,102,96)
```
#436c64
```
#436c64 rgb(67,108,100)
```
#3c7367
```
#3c7367 rgb(60,115,103)
```
#357a6b
```
#357a6b rgb(53,122,107)
```
#2e816f
```
#2e816f rgb(46,129,111)
```
#288773
```
#288773 rgb(40,135,115)
```
#218e77
```
#218e77 rgb(33,142,119)
```
#1a957b
```
#1a957b rgb(26,149,123)
```
#149b7f
```
#149b7f rgb(20,155,127)
```
#0da283
```
#0da283 rgb(13,162,131)
```
#06a987
```
#06a987 rgb(6,169,135)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5c726d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8476 Protanopia 1% of men
#918184 Deuteranopia 1% of men
#3f8f9a Tritanopia 0.001% of the population

Trichromacy

#648876 Protanomaly 1% of men, 0.01% of women
#68857f Deuteranomaly 6% of men, 0.4% of women
#348f8d Tritanomaly 0.01% of the population

#218e77 hex color

#218e77 Color Information

#218e77 Color Conversion

Color Schemes with #218e77

Alternatives to #218e77

#218e77 Preview

Shades and Tints of #218e77

Tones of #218e77

Color Blindness Simulator