#218f6a hex color

In a RGB color space, hex #218f6a is composed of 12.9% red, 56.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 25.9% yellow and 43.9% black. It has a hue angle of 159.8 degrees, a saturation of 62.5% and a lightness of 34.5%. #218f6a color hex could be obtained by blending #42ffd4 with #001f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #218f6a has RGB values of R:33, G:143, B:106 and CMYK values of C:0.77, M:0, Y:0.26, K:0.44. Its decimal value is 2199402.

Hex triplet	218f6a	`#218f6a`
RGB Decimal	33, 143, 106	`rgb(33,143,106)`
RGB Percent	12.9, 56.1, 41.6	`rgb(12.9%,56.1%,41.6%)`
CMYK	77, 0, 26, 44
HSL	159.8°, 62.5, 34.5	`hsl(159.8,62.5%,34.5%)`
HSV (or HSB)	159.8°, 76.9, 56.1
Web Safe	339966	`#339966`

CIE-LAB	52.958, -39.286, 11.194
XYZ	13.05, 21.008, 17.002
xyY	0.256, 0.411, 21.008
CIE-LCH	52.958, 40.85, 164.095
CIE-LUV	52.958, -41.424, 20.861
Hunter-Lab	45.834, -29.386, 10.09
Binary	00100001, 10001111, 01101010

#218f6a
```
#218f6a rgb(33,143,106)
```
#8f2146
```
#8f2146 rgb(143,33,70)
```

Complementary Color

#218f33
```
#218f33 rgb(33,143,51)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#217d8f
```
#217d8f rgb(33,125,143)
```

Analogous Color

#8f3321
```
#8f3321 rgb(143,51,33)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#8f217d
```
#8f217d rgb(143,33,125)
```

Split Complementary Color

#8f6a21
```
#8f6a21 rgb(143,106,33)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#6a218f
```
#6a218f rgb(106,33,143)
```

Triadic Color

#468f21
```
#468f21 rgb(70,143,33)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#6a218f
```
#6a218f rgb(106,33,143)
```
#8f2146
```
#8f2146 rgb(143,33,70)
```

Tetradic Color

#13513c
```
#13513c rgb(19,81,60)
```
#17664b
```
#17664b rgb(23,102,75)
```
#1c7a5b
```
#1c7a5b rgb(28,122,91)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#26a479
```
#26a479 rgb(38,164,121)
```
#2bb889
```
#2bb889 rgb(43,184,137)
```
#2fcd98
```
#2fcd98 rgb(47,205,152)
```

Monochromatic Color

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

#218f4f
```
#218f4f rgb(33,143,79)
```
#218f58
```
#218f58 rgb(33,143,88)
```
#218f61
```
#218f61 rgb(33,143,97)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#218f73
```
#218f73 rgb(33,143,115)
```
#218f7c
```
#218f7c rgb(33,143,124)
```
#218f86
```
#218f86 rgb(33,143,134)
```

Similar Colors

Text with hexadecimal color #218f6a

This text has a font color of #218f6a.

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

#218f6a background color

This paragraph has a background color of #218f6a.

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

#218f6a border color

This element has a border color of #218f6a.

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

CSS codes

.text {color:#218f6a;}

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

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

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, #04100b is the darkest color, while #ffffff is the lightest one.

#04100b
```
#04100b rgb(4,16,11)
```
#071f17
```
#071f17 rgb(7,31,23)
```
#0b2f23
```
#0b2f23 rgb(11,47,35)
```
#0f3f2f
```
#0f3f2f rgb(15,63,47)
```
#124f3b
```
#124f3b rgb(18,79,59)
```
#165f47
```
#165f47 rgb(22,95,71)
```
#1a6f52
```
#1a6f52 rgb(26,111,82)
```
#1d7f5e
```
#1d7f5e rgb(29,127,94)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#259f76
```
#259f76 rgb(37,159,118)
```
#28af82
```
#28af82 rgb(40,175,130)
```
#2cbf8d
```
#2cbf8d rgb(44,191,141)
```
#30cf99
```
#30cf99 rgb(48,207,153)
```

Shade Color Variation

#3fd3a1
```
#3fd3a1 rgb(63,211,161)
```
#4fd6a9
```
#4fd6a9 rgb(79,214,169)
```
#5fdab1
```
#5fdab1 rgb(95,218,177)
```
#6fdeb9
```
#6fdeb9 rgb(111,222,185)
```
#7fe1c0
```
#7fe1c0 rgb(127,225,192)
```
#8fe5c8
```
#8fe5c8 rgb(143,229,200)
```
#9fe9d0
```
#9fe9d0 rgb(159,233,208)
```
#afedd8
```
#afedd8 rgb(175,237,216)
```
#bff0e0
```
#bff0e0 rgb(191,240,224)
```
#cff4e7
```
#cff4e7 rgb(207,244,231)
```
#dff8ef
```
#dff8ef rgb(223,248,239)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575958
```
#575958 rgb(87,89,88)
```
#50605a
```
#50605a rgb(80,96,90)
```
#4a665d
```
#4a665d rgb(74,102,93)
```
#436d5f
```
#436d5f rgb(67,109,95)
```
#3c7461
```
#3c7461 rgb(60,116,97)
```
#357b63
```
#357b63 rgb(53,123,99)
```
#2f8166
```
#2f8166 rgb(47,129,102)
```
#288868
```
#288868 rgb(40,136,104)
```
#218f6a
```
#218f6a rgb(33,143,106)
```
#1a966c
```
#1a966c rgb(26,150,108)
```
#139d6e
```
#139d6e rgb(19,157,110)
```
#0da371
```
#0da371 rgb(13,163,113)
```
#06aa73
```
#06aa73 rgb(6,170,115)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5b716a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d846a Protanopia 1% of men
#968078 Deuteranopia 1% of men
#448f99 Tritanopia 0.001% of the population

Trichromacy

#65886a Protanomaly 1% of men, 0.01% of women
#6b8573 Deuteranomaly 6% of men, 0.4% of women
#378f88 Tritanomaly 0.01% of the population

#218f6a hex color

#218f6a Color Information

#218f6a Color Conversion

Color Schemes with #218f6a

Alternatives to #218f6a

#218f6a Preview

Shades and Tints of #218f6a

Tones of #218f6a

Color Blindness Simulator