#218b9d hex color

In a RGB color space, hex #218b9d is composed of 12.9% red, 54.5% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 11.5% magenta, 0% yellow and 38.4% black. It has a hue angle of 188.7 degrees, a saturation of 65.3% and a lightness of 37.3%. #218b9d color hex could be obtained by blending #42ffff with #00173b. Closest websafe color is: #339999.

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

● #218b9d color description : Dark cyan.

The hexadecimal color #218b9d has RGB values of R:33, G:139, B:157 and CMYK values of C:0.79, M:0.11, Y:0, K:0.38. Its decimal value is 2198429.

Hex triplet	218b9d	`#218b9d`
RGB Decimal	33, 139, 157	`rgb(33,139,157)`
RGB Percent	12.9, 54.5, 61.6	`rgb(12.9%,54.5%,61.6%)`
CMYK	79, 11, 0, 38
HSL	188.7°, 65.3, 37.3	`hsl(188.7,65.3%,37.3%)`
HSV (or HSB)	188.7°, 79, 61.6
Web Safe	339999	`#339999`

CIE-LAB	53.191, -22.483, -17.907
XYZ	15.944, 21.221, 35.152
xyY	0.22, 0.293, 21.221
CIE-LCH	53.191, 28.743, 218.537
CIE-LUV	53.191, -36.513, -23.502
Hunter-Lab	46.067, -18.837, -12.996
Binary	00100001, 10001011, 10011101

#218b9d
```
#218b9d rgb(33,139,157)
```
#9d3321
```
#9d3321 rgb(157,51,33)
```

Complementary Color

#219d71
```
#219d71 rgb(33,157,113)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#214d9d
```
#214d9d rgb(33,77,157)
```

Analogous Color

#9d7121
```
#9d7121 rgb(157,113,33)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#9d214d
```
#9d214d rgb(157,33,77)
```

Split Complementary Color

#8b9d21
```
#8b9d21 rgb(139,157,33)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#9d218b
```
#9d218b rgb(157,33,139)
```

Triadic Color

#219d33
```
#219d33 rgb(33,157,51)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#9d218b
```
#9d218b rgb(157,33,139)
```
#9d3321
```
#9d3321 rgb(157,51,33)
```

Tetradic Color

#14535e
```
#14535e rgb(20,83,94)
```
#186673
```
#186673 rgb(24,102,115)
```
#1d7888
```
#1d7888 rgb(29,120,136)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#259eb2
```
#259eb2 rgb(37,158,178)
```
#2ab0c7
```
#2ab0c7 rgb(42,176,199)
```
#36bed5
```
#36bed5 rgb(54,190,213)
```

Monochromatic Color

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

#219d90
```
#219d90 rgb(33,157,144)
```
#219d9a
```
#219d9a rgb(33,157,154)
```
#21959d
```
#21959d rgb(33,149,157)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#21819d
```
#21819d rgb(33,129,157)
```
#21769d
```
#21769d rgb(33,118,157)
```
#216c9d
```
#216c9d rgb(33,108,157)
```

Similar Colors

Text with hexadecimal color #218b9d

This text has a font color of #218b9d.

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

#218b9d background color

This paragraph has a background color of #218b9d.

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

#218b9d border color

This element has a border color of #218b9d.

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

CSS codes

.text {color:#218b9d;}

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

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

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

#020a0b
```
#020a0b rgb(2,10,11)
```
#06181b
```
#06181b rgb(6,24,27)
```
#09272c
```
#09272c rgb(9,39,44)
```
#0d353c
```
#0d353c rgb(13,53,60)
```
#10434c
```
#10434c rgb(16,67,76)
```
#13525c
```
#13525c rgb(19,82,92)
```
#17606c
```
#17606c rgb(23,96,108)
```
#1a6e7d
```
#1a6e7d rgb(26,110,125)
```
#1e7d8d
```
#1e7d8d rgb(30,125,141)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#2499ad
```
#2499ad rgb(36,153,173)
```
#28a8bd
```
#28a8bd rgb(40,168,189)
```
#2bb6ce
```
#2bb6ce rgb(43,182,206)
```

Shade Color Variation

#37bed5
```
#37bed5 rgb(55,190,213)
```
#48c3d8
```
#48c3d8 rgb(72,195,216)
```
#58c9dc
```
#58c9dc rgb(88,201,220)
```
#68cedf
```
#68cedf rgb(104,206,223)
```
#78d3e3
```
#78d3e3 rgb(120,211,227)
```
#88d8e6
```
#88d8e6 rgb(136,216,230)
```
#99dee9
```
#99dee9 rgb(153,222,233)
```
#a9e3ed
```
#a9e3ed rgb(169,227,237)
```
#b9e8f0
```
#b9e8f0 rgb(185,232,240)
```
#c9eef4
```
#c9eef4 rgb(201,238,244)
```
#d9f3f7
```
#d9f3f7 rgb(217,243,247)
```
#eaf8fb
```
#eaf8fb rgb(234,248,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#5b6263
```
#5b6263 rgb(91,98,99)
```
#54676a
```
#54676a rgb(84,103,106)
```
#4d6c71
```
#4d6c71 rgb(77,108,113)
```
#467178
```
#467178 rgb(70,113,120)
```
#3e7680
```
#3e7680 rgb(62,118,128)
```
#377b87
```
#377b87 rgb(55,123,135)
```
#30818e
```
#30818e rgb(48,129,142)
```
#288696
```
#288696 rgb(40,134,150)
```
#218b9d
```
#218b9d rgb(33,139,157)
```
#1a90a4
```
#1a90a4 rgb(26,144,164)
```
#1295ac
```
#1295ac rgb(18,149,172)
```
#0b9bb3
```
#0b9bb3 rgb(11,155,179)
```
#04a0ba
```
#04a0ba rgb(4,160,186)
```

Tone Color Variation

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

#81849a Protanopia 1% of men
#7f83a7 Deuteranopia 1% of men
#26919c Tritanopia 0.001% of the population

Trichromacy

#5e869b Protanomaly 1% of men, 0.01% of women
#5c86a3 Deuteranomaly 6% of men, 0.4% of women
#248f9c Tritanomaly 0.01% of the population

#218b9d hex color

#218b9d Color Information

#218b9d Color Conversion

Color Schemes with #218b9d

Alternatives to #218b9d

#218b9d Preview

Shades and Tints of #218b9d

Tones of #218b9d

Color Blindness Simulator