#218f7a hex color

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

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

● #218f7a color description : Dark cyan.

The hexadecimal color #218f7a has RGB values of R:33, G:143, B:122 and CMYK values of C:0.77, M:0, Y:0.15, K:0.44. Its decimal value is 2199418.

Hex triplet	218f7a	`#218f7a`
RGB Decimal	33, 143, 122	`rgb(33,143,122)`
RGB Percent	12.9, 56.1, 47.8	`rgb(12.9%,56.1%,47.8%)`
CMYK	77, 0, 15, 44
HSL	168.5°, 62.5, 34.5	`hsl(168.5,62.5%,34.5%)`
HSV (or HSB)	168.5°, 76.9, 56.1
Web Safe	339966	`#339966`

CIE-LAB	53.354, -35.126, 2.573
XYZ	13.961, 21.372, 21.801
xyY	0.244, 0.374, 21.372
CIE-LCH	53.354, 35.22, 175.811
CIE-LUV	53.354, -40.373, 8.741
Hunter-Lab	46.23, -26.996, 4.401
Binary	00100001, 10001111, 01111010

#218f7a
```
#218f7a rgb(33,143,122)
```
#8f2136
```
#8f2136 rgb(143,33,54)
```

Complementary Color

#218f43
```
#218f43 rgb(33,143,67)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#216d8f
```
#216d8f rgb(33,109,143)
```

Analogous Color

#8f4321
```
#8f4321 rgb(143,67,33)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#8f216d
```
#8f216d rgb(143,33,109)
```

Split Complementary Color

#8f7a21
```
#8f7a21 rgb(143,122,33)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#7a218f
```
#7a218f rgb(122,33,143)
```

Triadic Color

#368f21
```
#368f21 rgb(54,143,33)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#7a218f
```
#7a218f rgb(122,33,143)
```
#8f2136
```
#8f2136 rgb(143,33,54)
```

Tetradic Color

#135145
```
#135145 rgb(19,81,69)
```
#176657
```
#176657 rgb(23,102,87)
```
#1c7a68
```
#1c7a68 rgb(28,122,104)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#26a48c
```
#26a48c rgb(38,164,140)
```
#2bb89d
```
#2bb89d rgb(43,184,157)
```
#2fcdaf
```
#2fcdaf rgb(47,205,175)
```

Monochromatic Color

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

#218f5e
```
#218f5e rgb(33,143,94)
```
#218f68
```
#218f68 rgb(33,143,104)
```
#218f71
```
#218f71 rgb(33,143,113)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#218f83
```
#218f83 rgb(33,143,131)
```
#218f8c
```
#218f8c rgb(33,143,140)
```
#21898f
```
#21898f rgb(33,137,143)
```

Similar Colors

Text with hexadecimal color #218f7a

This text has a font color of #218f7a.

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

#218f7a background color

This paragraph has a background color of #218f7a.

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

#218f7a border color

This element has a border color of #218f7a.

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

CSS codes

.text {color:#218f7a;}

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

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

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

#04100d
```
#04100d rgb(4,16,13)
```
#071f1b
```
#071f1b rgb(7,31,27)
```
#0b2f28
```
#0b2f28 rgb(11,47,40)
```
#0f3f36
```
#0f3f36 rgb(15,63,54)
```
#124f44
```
#124f44 rgb(18,79,68)
```
#165f51
```
#165f51 rgb(22,95,81)
```
#1a6f5f
```
#1a6f5f rgb(26,111,95)
```
#1d7f6c
```
#1d7f6c rgb(29,127,108)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#259f88
```
#259f88 rgb(37,159,136)
```
#28af95
```
#28af95 rgb(40,175,149)
```
#2cbfa3
```
#2cbfa3 rgb(44,191,163)
```
#30cfb0
```
#30cfb0 rgb(48,207,176)
```

Shade Color Variation

#3fd3b7
```
#3fd3b7 rgb(63,211,183)
```
#4fd6bd
```
#4fd6bd rgb(79,214,189)
```
#5fdac3
```
#5fdac3 rgb(95,218,195)
```
#6fdec9
```
#6fdec9 rgb(111,222,201)
```
#7fe1cf
```
#7fe1cf rgb(127,225,207)
```
#8fe5d5
```
#8fe5d5 rgb(143,229,213)
```
#9fe9db
```
#9fe9db rgb(159,233,219)
```
#afede1
```
#afede1 rgb(175,237,225)
```
#bff0e7
```
#bff0e7 rgb(191,240,231)
```
#cff4ed
```
#cff4ed rgb(207,244,237)
```
#dff8f3
```
#dff8f3 rgb(223,248,243)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#575959
```
#575959 rgb(87,89,89)
```
#50605d
```
#50605d rgb(80,96,93)
```
#4a6661
```
#4a6661 rgb(74,102,97)
```
#436d65
```
#436d65 rgb(67,109,101)
```
#3c7469
```
#3c7469 rgb(60,116,105)
```
#357b6d
```
#357b6d rgb(53,123,109)
```
#2f8172
```
#2f8172 rgb(47,129,114)
```
#288876
```
#288876 rgb(40,136,118)
```
#218f7a
```
#218f7a rgb(33,143,122)
```
#1a967e
```
#1a967e rgb(26,150,126)
```
#139d82
```
#139d82 rgb(19,157,130)
```
#0da387
```
#0da387 rgb(13,163,135)
```
#06aa8b
```
#06aa8b rgb(6,170,139)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5d736f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8579 Protanopia 1% of men
#918287 Deuteranopia 1% of men
#3e909b Tritanopia 0.001% of the population

Trichromacy

#648979 Protanomaly 1% of men, 0.01% of women
#688682 Deuteranomaly 6% of men, 0.4% of women
#33908f Tritanomaly 0.01% of the population

#218f7a hex color

#218f7a Color Information

#218f7a Color Conversion

Color Schemes with #218f7a

Alternatives to #218f7a

#218f7a Preview

Shades and Tints of #218f7a

Tones of #218f7a

Color Blindness Simulator