#218a96 hex color

In a RGB color space, hex #218a96 is composed of 12.9% red, 54.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 8% magenta, 0% yellow and 41.2% black. It has a hue angle of 186.2 degrees, a saturation of 63.9% and a lightness of 35.9%. #218a96 color hex could be obtained by blending #42ffff with #00152d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 54
- B 59
RGB color chart
- C 78
- M 8
- Y 0
- K 41
CMYK color chart

● #218a96 color description : Dark cyan.

The hexadecimal color #218a96 has RGB values of R:33, G:138, B:150 and CMYK values of C:0.78, M:0.08, Y:0, K:0.41. Its decimal value is 2198166.

Hex triplet	218a96	`#218a96`
RGB Decimal	33, 138, 150	`rgb(33,138,150)`
RGB Percent	12.9, 54.1, 58.8	`rgb(12.9%,54.1%,58.8%)`
CMYK	78, 8, 0, 41
HSL	186.2°, 63.9, 35.9	`hsl(186.2,63.9%,35.9%)`
HSV (or HSB)	186.2°, 78, 58.8
Web Safe	339999	`#339999`

CIE-LAB	52.621, -24.268, -14.724
XYZ	15.219, 20.701, 32.046
xyY	0.224, 0.305, 20.701
CIE-LCH	52.621, 28.385, 211.247
CIE-LUV	52.621, -36.624, -18.273
Hunter-Lab	45.498, -19.914, -9.911
Binary	00100001, 10001010, 10010110

#218a96
```
#218a96 rgb(33,138,150)
```
#962d21
```
#962d21 rgb(150,45,33)
```

Complementary Color

#219668
```
#219668 rgb(33,150,104)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#215096
```
#215096 rgb(33,80,150)
```

Analogous Color

#966821
```
#966821 rgb(150,104,33)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#96214f
```
#96214f rgb(150,33,79)
```

Split Complementary Color

#8a9621
```
#8a9621 rgb(138,150,33)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#96218a
```
#96218a rgb(150,33,138)
```

Triadic Color

#21962d
```
#21962d rgb(33,150,45)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#96218a
```
#96218a rgb(150,33,138)
```
#962d21
```
#962d21 rgb(150,45,33)
```

Tetradic Color

#135057
```
#135057 rgb(19,80,87)
```
#18646c
```
#18646c rgb(24,100,108)
```
#1c7781
```
#1c7781 rgb(28,119,129)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#269dab
```
#269dab rgb(38,157,171)
```
#2ab0c0
```
#2ab0c0 rgb(42,176,192)
```
#32c1d2
```
#32c1d2 rgb(50,193,210)
```

Monochromatic Color

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

#219685
```
#219685 rgb(33,150,133)
```
#21968f
```
#21968f rgb(33,150,143)
```
#219496
```
#219496 rgb(33,148,150)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#218096
```
#218096 rgb(33,128,150)
```
#217796
```
#217796 rgb(33,119,150)
```
#216d96
```
#216d96 rgb(33,109,150)
```

Similar Colors

Text with hexadecimal color #218a96

This text has a font color of #218a96.

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

#218a96 background color

This paragraph has a background color of #218a96.

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

#218a96 border color

This element has a border color of #218a96.

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

CSS codes

.text {color:#218a96;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051415
```
#051415 rgb(5,20,21)
```
#082225
```
#082225 rgb(8,34,37)
```
#0c3136
```
#0c3136 rgb(12,49,54)
```
#0f4046
```
#0f4046 rgb(15,64,70)
```
#134f56
```
#134f56 rgb(19,79,86)
```
#165e66
```
#165e66 rgb(22,94,102)
```
#1a6c76
```
#1a6c76 rgb(26,108,118)
```
#1d7b86
```
#1d7b86 rgb(29,123,134)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#2599a6
```
#2599a6 rgb(37,153,166)
```
#28a8b6
```
#28a8b6 rgb(40,168,182)
```
#2cb6c6
```
#2cb6c6 rgb(44,182,198)
```

Shade Color Variation

#33c2d2
```
#33c2d2 rgb(51,194,210)
```
#43c7d6
```
#43c7d6 rgb(67,199,214)
```
#53ccd9
```
#53ccd9 rgb(83,204,217)
```
#64d0dd
```
#64d0dd rgb(100,208,221)
```
#74d5e0
```
#74d5e0 rgb(116,213,224)
```
#84dae4
```
#84dae4 rgb(132,218,228)
```
#94dfe7
```
#94dfe7 rgb(148,223,231)
```
#a4e4eb
```
#a4e4eb rgb(164,228,235)
```
#b4e8ee
```
#b4e8ee rgb(180,232,238)
```
#c4edf2
```
#c4edf2 rgb(196,237,242)
```
#d4f2f6
```
#d4f2f6 rgb(212,242,246)
```
#e4f7f9
```
#e4f7f9 rgb(228,247,249)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d5e is the less saturated color, while #05a0b2 is the most saturated one.

#595d5e
```
#595d5e rgb(89,93,94)
```
#526365
```
#526365 rgb(82,99,101)
```
#4b686c
```
#4b686c rgb(75,104,108)
```
#446e73
```
#446e73 rgb(68,110,115)
```
#3d747a
```
#3d747a rgb(61,116,122)
```
#367981
```
#367981 rgb(54,121,129)
```
#2f7f88
```
#2f7f88 rgb(47,127,136)
```
#28848f
```
#28848f rgb(40,132,143)
```
#218a96
```
#218a96 rgb(33,138,150)
```
#1a909d
```
#1a909d rgb(26,144,157)
```
#1395a4
```
#1395a4 rgb(19,149,164)
```
#0c9bab
```
#0c9bab rgb(12,155,171)
```
#05a0b2
```
#05a0b2 rgb(5,160,178)
```

Tone Color Variation

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

Dichromacy

#818393 Protanopia 1% of men
#8181a0 Deuteranopia 1% of men
#2b909a Tritanopia 0.001% of the population

Trichromacy

#5e8594 Protanomaly 1% of men, 0.01% of women
#5e849c Deuteranomaly 6% of men, 0.4% of women
#278d99 Tritanomaly 0.01% of the population

#218a96 hex color

#218a96 Color Information

#218a96 Color Conversion

Color Schemes with #218a96

Alternatives to #218a96

#218a96 Preview

Shades and Tints of #218a96

Tones of #218a96

Color Blindness Simulator