#218b9e hex color

In a RGB color space, hex #218b9e is composed of 12.9% red, 54.5% green and 62% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 12% magenta, 0% yellow and 38% black. It has a hue angle of 189.1 degrees, a saturation of 65.4% and a lightness of 37.5%. #218b9e color hex could be obtained by blending #42ffff with #00173d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 55
- B 62
RGB color chart
- C 79
- M 12
- Y 0
- K 38
CMYK color chart

● #218b9e color description : Dark cyan.

The hexadecimal color #218b9e has RGB values of R:33, G:139, B:158 and CMYK values of C:0.79, M:0.12, Y:0, K:0.38. Its decimal value is 2198430.

Hex triplet	218b9e	`#218b9e`
RGB Decimal	33, 139, 158	`rgb(33,139,158)`
RGB Percent	12.9, 54.5, 62	`rgb(12.9%,54.5%,62%)`
CMYK	79, 12, 0, 38
HSL	189.1°, 65.4, 37.5	`hsl(189.1,65.4%,37.5%)`
HSV (or HSB)	189.1°, 79.1, 62
Web Safe	339999	`#339999`

CIE-LAB	53.228, -22.15, -18.428
XYZ	16.03, 21.256, 35.604
xyY	0.22, 0.292, 21.256
CIE-LCH	53.228, 28.813, 219.76
CIE-LUV	53.228, -36.445, -24.365
Hunter-Lab	46.104, -18.62, -13.514
Binary	00100001, 10001011, 10011110

#218b9e
```
#218b9e rgb(33,139,158)
```
#9e3421
```
#9e3421 rgb(158,52,33)
```

Complementary Color

#219e73
```
#219e73 rgb(33,158,115)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#214d9e
```
#214d9e rgb(33,77,158)
```

Analogous Color

#9e7321
```
#9e7321 rgb(158,115,33)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#9e214d
```
#9e214d rgb(158,33,77)
```

Split Complementary Color

#8b9e21
```
#8b9e21 rgb(139,158,33)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#9e218b
```
#9e218b rgb(158,33,139)
```

Triadic Color

#219e34
```
#219e34 rgb(33,158,52)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#9e218b
```
#9e218b rgb(158,33,139)
```
#9e3421
```
#9e3421 rgb(158,52,33)
```

Tetradic Color

#14535f
```
#14535f rgb(20,83,95)
```
#186674
```
#186674 rgb(24,102,116)
```
#1d7889
```
#1d7889 rgb(29,120,137)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#259eb3
```
#259eb3 rgb(37,158,179)
```
#2ab0c8
```
#2ab0c8 rgb(42,176,200)
```
#36bdd5
```
#36bdd5 rgb(54,189,213)
```

Monochromatic Color

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

#219e92
```
#219e92 rgb(33,158,146)
```
#219e9c
```
#219e9c rgb(33,158,156)
```
#21959e
```
#21959e rgb(33,149,158)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#21819e
```
#21819e rgb(33,129,158)
```
#21769e
```
#21769e rgb(33,118,158)
```
#216c9e
```
#216c9e rgb(33,108,158)
```

Similar Colors

Text with hexadecimal color #218b9e

This text has a font color of #218b9e.

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

#218b9e background color

This paragraph has a background color of #218b9e.

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

#218b9e border color

This element has a border color of #218b9e.

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

CSS codes

.text {color:#218b9e;}

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

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

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, #020b0c is the darkest color, while #fbfefe is the lightest one.

#020b0c
```
#020b0c rgb(2,11,12)
```
#06191c
```
#06191c rgb(6,25,28)
```
#09272c
```
#09272c rgb(9,39,44)
```
#0d353d
```
#0d353d rgb(13,53,61)
```
#10444d
```
#10444d rgb(16,68,77)
```
#13525d
```
#13525d rgb(19,82,93)
```
#17606d
```
#17606d rgb(23,96,109)
```
#1a6e7e
```
#1a6e7e rgb(26,110,126)
```
#1e7d8e
```
#1e7d8e rgb(30,125,142)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#2499ae
```
#2499ae rgb(36,153,174)
```
#28a8be
```
#28a8be rgb(40,168,190)
```
#2bb6cf
```
#2bb6cf rgb(43,182,207)
```

Shade Color Variation

#38bed5
```
#38bed5 rgb(56,190,213)
```
#48c3d9
```
#48c3d9 rgb(72,195,217)
```
#58c8dc
```
#58c8dc rgb(88,200,220)
```
#69cee0
```
#69cee0 rgb(105,206,224)
```
#79d3e3
```
#79d3e3 rgb(121,211,227)
```
#89d8e6
```
#89d8e6 rgb(137,216,230)
```
#99deea
```
#99deea rgb(153,222,234)
```
#aae3ed
```
#aae3ed rgb(170,227,237)
```
#bae8f1
```
#bae8f1 rgb(186,232,241)
```
#caeef4
```
#caeef4 rgb(202,238,244)
```
#daf3f7
```
#daf3f7 rgb(218,243,247)
```
#ebf8fb
```
#ebf8fb rgb(235,248,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6263 is the less saturated color, while #049fbb is the most saturated one.

#5c6263
```
#5c6263 rgb(92,98,99)
```
#54676b
```
#54676b rgb(84,103,107)
```
#4d6c72
```
#4d6c72 rgb(77,108,114)
```
#467179
```
#467179 rgb(70,113,121)
```
#3e7781
```
#3e7781 rgb(62,119,129)
```
#377c88
```
#377c88 rgb(55,124,136)
```
#30818f
```
#30818f rgb(48,129,143)
```
#288697
```
#288697 rgb(40,134,151)
```
#218b9e
```
#218b9e rgb(33,139,158)
```
#1a90a5
```
#1a90a5 rgb(26,144,165)
```
#1295ad
```
#1295ad rgb(18,149,173)
```
#0b9ab4
```
#0b9ab4 rgb(11,154,180)
```
#049fbb
```
#049fbb rgb(4,159,187)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5e7377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80849b Protanopia 1% of men
#7e83a8 Deuteranopia 1% of men
#25929c Tritanopia 0.001% of the population

Trichromacy

#5e869c Protanomaly 1% of men, 0.01% of women
#5c86a4 Deuteranomaly 6% of men, 0.4% of women
#238f9d Tritanomaly 0.01% of the population

#218b9e hex color

#218b9e Color Information

#218b9e Color Conversion

Color Schemes with #218b9e

Alternatives to #218b9e

#218b9e Preview

Shades and Tints of #218b9e

Tones of #218b9e

Color Blindness Simulator