#218684 hex color

In a RGB color space, hex #218684 is composed of 12.9% red, 52.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 0% magenta, 1.5% yellow and 47.5% black. It has a hue angle of 178.8 degrees, a saturation of 60.5% and a lightness of 32.7%. #218684 color hex could be obtained by blending #42ffff with #000d09. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 53
- B 52
RGB color chart
- C 75
- M 0
- Y 1
- K 47
CMYK color chart

● #218684 color description : Dark cyan.

The hexadecimal color #218684 has RGB values of R:33, G:134, B:132 and CMYK values of C:0.75, M:0, Y:0.01, K:0.47. Its decimal value is 2197124.

Hex triplet	218684	`#218684`
RGB Decimal	33, 134, 132	`rgb(33,134,132)`
RGB Percent	12.9, 52.5, 51.8	`rgb(12.9%,52.5%,51.8%)`
CMYK	75, 0, 1, 47
HSL	178.8°, 60.5, 32.7	`hsl(178.8,60.5%,32.7%)`
HSV (or HSB)	178.8°, 75.4, 52.5
Web Safe	339999	`#339999`

CIE-LAB	50.732, -27.952, -7.088
XYZ	13.316, 19.038, 24.801
xyY	0.233, 0.333, 19.038
CIE-LCH	50.732, 28.837, 194.229
CIE-LUV	50.732, -36.375, -6.154
Hunter-Lab	43.633, -21.883, -3.158
Binary	00100001, 10000110, 10000100

#218684
```
#218684 rgb(33,134,132)
```
#862123
```
#862123 rgb(134,33,35)
```

Complementary Color

#218652
```
#218652 rgb(33,134,82)
```
#218684
```
#218684 rgb(33,134,132)
```
#215686
```
#215686 rgb(33,86,134)
```

Analogous Color

#865221
```
#865221 rgb(134,82,33)
```
#218684
```
#218684 rgb(33,134,132)
```
#862156
```
#862156 rgb(134,33,86)
```

Split Complementary Color

#868421
```
#868421 rgb(134,132,33)
```
#218684
```
#218684 rgb(33,134,132)
```
#842186
```
#842186 rgb(132,33,134)
```

Triadic Color

#238621
```
#238621 rgb(35,134,33)
```
#218684
```
#218684 rgb(33,134,132)
```
#842186
```
#842186 rgb(132,33,134)
```
#862123
```
#862123 rgb(134,33,35)
```

Tetradic Color

#124948
```
#124948 rgb(18,73,72)
```
#175d5c
```
#175d5c rgb(23,93,92)
```
#1c7270
```
#1c7270 rgb(28,114,112)
```
#218684
```
#218684 rgb(33,134,132)
```
#269a98
```
#269a98 rgb(38,154,152)
```
#2bafac
```
#2bafac rgb(43,175,172)
```
#30c3c0
```
#30c3c0 rgb(48,195,192)
```

Monochromatic Color

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

#21866b
```
#21866b rgb(33,134,107)
```
#218673
```
#218673 rgb(33,134,115)
```
#21867c
```
#21867c rgb(33,134,124)
```
#218684
```
#218684 rgb(33,134,132)
```
#218086
```
#218086 rgb(33,128,134)
```
#217786
```
#217786 rgb(33,119,134)
```
#216f86
```
#216f86 rgb(33,111,134)
```

Similar Colors

Text with hexadecimal color #218684

This text has a font color of #218684.

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

#218684 background color

This paragraph has a background color of #218684.

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

#218684 border color

This element has a border color of #218684.

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

CSS codes

.text {color:#218684;}

.background {background-color:#218684;}

.border {border:1px solid #218684;}

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, #020808 is the darkest color, while #f7fdfd is the lightest one.

#020808
```
#020808 rgb(2,8,8)
```
#061817
```
#061817 rgb(6,24,23)
```
#0a2827
```
#0a2827 rgb(10,40,39)
```
#0e3736
```
#0e3736 rgb(14,55,54)
```
#114746
```
#114746 rgb(17,71,70)
```
#155755
```
#155755 rgb(21,87,85)
```
#196765
```
#196765 rgb(25,103,101)
```
#1d7674
```
#1d7674 rgb(29,118,116)
```
#218684
```
#218684 rgb(33,134,132)
```
#259694
```
#259694 rgb(37,150,148)
```
#29a5a3
```
#29a5a3 rgb(41,165,163)
```
#2db5b3
```
#2db5b3 rgb(45,181,179)
```
#31c5c2
```
#31c5c2 rgb(49,197,194)
```

Shade Color Variation

#3acfcc
```
#3acfcc rgb(58,207,204)
```
#4ad2d0
```
#4ad2d0 rgb(74,210,208)
```
#5ad6d4
```
#5ad6d4 rgb(90,214,212)
```
#6adad8
```
#6adad8 rgb(106,218,216)
```
#79dedc
```
#79dedc rgb(121,222,220)
```
#89e2e0
```
#89e2e0 rgb(137,226,224)
```
#99e6e4
```
#99e6e4 rgb(153,230,228)
```
#a9eae8
```
#a9eae8 rgb(169,234,232)
```
#b8eeed
```
#b8eeed rgb(184,238,237)
```
#c8f1f1
```
#c8f1f1 rgb(200,241,241)
```
#d8f5f5
```
#d8f5f5 rgb(216,245,245)
```
#e8f9f9
```
#e8f9f9 rgb(232,249,249)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5959 is the less saturated color, while #01a6a3 is the most saturated one.

#4e5959
```
#4e5959 rgb(78,89,89)
```
#485f5f
```
#485f5f rgb(72,95,95)
```
#416665
```
#416665 rgb(65,102,101)
```
#3b6c6b
```
#3b6c6b rgb(59,108,107)
```
#347371
```
#347371 rgb(52,115,113)
```
#2e7978
```
#2e7978 rgb(46,121,120)
```
#27807e
```
#27807e rgb(39,128,126)
```
#218684
```
#218684 rgb(33,134,132)
```
#1b8c8a
```
#1b8c8a rgb(27,140,138)
```
#149390
```
#149390 rgb(20,147,144)
```
#0e9997
```
#0e9997 rgb(14,153,151)
```
#07a09d
```
#07a09d rgb(7,160,157)
```
#01a6a3
```
#01a6a3 rgb(1,166,163)
```

Tone Color Variation

Below, you can see how #218684 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
#5a6e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#807f83 Protanopia 1% of men
#837c90 Deuteranopia 1% of men
#348a94 Tritanopia 0.001% of the population

Trichromacy

#5d8183 Protanomaly 1% of men, 0.01% of women
#5f808b Deuteranomaly 6% of men, 0.4% of women
#2d888e Tritanomaly 0.01% of the population

#218684 hex color

#218684 Color Information

#218684 Color Conversion

Color Schemes with #218684

Alternatives to #218684

#218684 Preview

Shades and Tints of #218684

Tones of #218684

Color Blindness Simulator