#218eb2 hex color

In a RGB color space, hex #218eb2 is composed of 12.9% red, 55.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 20.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 194.9 degrees, a saturation of 68.7% and a lightness of 41.4%. #218eb2 color hex could be obtained by blending #42ffff with #001d65. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 56
- B 70
RGB color chart
- C 81
- M 20
- Y 0
- K 30
CMYK color chart

● #218eb2 color description : Dark cyan.

The hexadecimal color #218eb2 has RGB values of R:33, G:142, B:178 and CMYK values of C:0.81, M:0.2, Y:0, K:0.3. Its decimal value is 2199218.

Hex triplet	218eb2	`#218eb2`
RGB Decimal	33, 142, 178	`rgb(33,142,178)`
RGB Percent	12.9, 55.7, 69.8	`rgb(12.9%,55.7%,69.8%)`
CMYK	81, 20, 0, 30
HSL	194.9°, 68.7, 41.4	`hsl(194.9,68.7%,41.4%)`
HSV (or HSB)	194.9°, 81.5, 69.8
Web Safe	339999	`#339999`

CIE-LAB	54.951, -16.925, -27.27
XYZ	18.334, 22.882, 45.567
xyY	0.211, 0.264, 22.882
CIE-LCH	54.951, 32.095, 238.175
CIE-LUV	54.951, -36.188, -39.309
Hunter-Lab	47.835, -15.297, -22.995
Binary	00100001, 10001110, 10110010

#218eb2
```
#218eb2 rgb(33,142,178)
```
#b24521
```
#b24521 rgb(178,69,33)
```

Complementary Color

#21b28e
```
#21b28e rgb(33,178,142)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#2146b2
```
#2146b2 rgb(33,70,178)
```

Analogous Color

#b28e21
```
#b28e21 rgb(178,142,33)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#b22146
```
#b22146 rgb(178,33,70)
```

Split Complementary Color

#8eb221
```
#8eb221 rgb(142,178,33)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#b2218e
```
#b2218e rgb(178,33,142)
```

Triadic Color

#21b245
```
#21b245 rgb(33,178,69)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#b2218e
```
#b2218e rgb(178,33,142)
```
#b24521
```
#b24521 rgb(178,69,33)
```

Tetradic Color

#155b71
```
#155b71 rgb(21,91,113)
```
#196c87
```
#196c87 rgb(25,108,135)
```
#1d7d9c
```
#1d7d9c rgb(29,125,156)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#259fc8
```
#259fc8 rgb(37,159,200)
```
#2eaed8
```
#2eaed8 rgb(46,174,216)
```
#43b6dc
```
#43b6dc rgb(67,182,220)
```

Monochromatic Color

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

#21b2b2
```
#21b2b2 rgb(33,178,178)
```
#21a6b2
```
#21a6b2 rgb(33,166,178)
```
#219ab2
```
#219ab2 rgb(33,154,178)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#2182b2
```
#2182b2 rgb(33,130,178)
```
#2176b2
```
#2176b2 rgb(33,118,178)
```
#216ab2
```
#216ab2 rgb(33,106,178)
```

Similar Colors

Text with hexadecimal color #218eb2

This text has a font color of #218eb2.

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

#218eb2 background color

This paragraph has a background color of #218eb2.

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

#218eb2 border color

This element has a border color of #218eb2.

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

CSS codes

.text {color:#218eb2;}

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

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

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#05171d
```
#05171d rgb(5,23,29)
```
#08242e
```
#08242e rgb(8,36,46)
```
#0c323e
```
#0c323e rgb(12,50,62)
```
#0f3f4f
```
#0f3f4f rgb(15,63,79)
```
#124c5f
```
#124c5f rgb(18,76,95)
```
#155970
```
#155970 rgb(21,89,112)
```
#186680
```
#186680 rgb(24,102,128)
```
#1b7491
```
#1b7491 rgb(27,116,145)
```
#1e81a1
```
#1e81a1 rgb(30,129,161)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#249bc3
```
#249bc3 rgb(36,155,195)
```
#27a8d3
```
#27a8d3 rgb(39,168,211)
```

Shade Color Variation

#34b0d9
```
#34b0d9 rgb(52,176,217)
```
#45b7dd
```
#45b7dd rgb(69,183,221)
```
#56bde0
```
#56bde0 rgb(86,189,224)
```
#66c4e3
```
#66c4e3 rgb(102,196,227)
```
#77cae6
```
#77cae6 rgb(119,202,230)
```
#87d1e9
```
#87d1e9 rgb(135,209,233)
```
#98d7ec
```
#98d7ec rgb(152,215,236)
```
#a8ddef
```
#a8ddef rgb(168,221,239)
```
#b9e4f2
```
#b9e4f2 rgb(185,228,242)
```
#c9eaf5
```
#c9eaf5 rgb(201,234,245)
```
#daf1f8
```
#daf1f8 rgb(218,241,248)
```
#eaf7fb
```
#eaf7fb rgb(234,247,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626d71 is the less saturated color, while #019ed2 is the most saturated one.

#626d71
```
#626d71 rgb(98,109,113)
```
#5a7179
```
#5a7179 rgb(90,113,121)
```
#527581
```
#527581 rgb(82,117,129)
```
#4a7a89
```
#4a7a89 rgb(74,122,137)
```
#417e92
```
#417e92 rgb(65,126,146)
```
#39829a
```
#39829a rgb(57,130,154)
```
#3186a2
```
#3186a2 rgb(49,134,162)
```
#298aaa
```
#298aaa rgb(41,138,170)
```
#218eb2
```
#218eb2 rgb(33,142,178)
```
#1992ba
```
#1992ba rgb(25,146,186)
```
#1196c2
```
#1196c2 rgb(17,150,194)
```
#099aca
```
#099aca rgb(9,154,202)
```
#019ed2
```
#019ed2 rgb(1,158,210)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#62787f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f88ae Protanopia 1% of men
#7888ba Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#5d8aaf Protanomaly 1% of men, 0.01% of women
#588ab7 Deuteranomaly 6% of men, 0.4% of women
#0c93a8 Tritanomaly 0.01% of the population

#218eb2 hex color

#218eb2 Color Information

#218eb2 Color Conversion

Color Schemes with #218eb2

Alternatives to #218eb2

#218eb2 Preview

Shades and Tints of #218eb2

Tones of #218eb2

Color Blindness Simulator