#218bbc hex color

In a RGB color space, hex #218bbc is composed of 12.9% red, 54.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 26.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 199 degrees, a saturation of 70.1% and a lightness of 43.3%. #218bbc color hex could be obtained by blending #42ffff with #001779. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 55
- B 74
RGB color chart
- C 82
- M 26
- Y 0
- K 26
CMYK color chart

● #218bbc color description : Strong blue.

The hexadecimal color #218bbc has RGB values of R:33, G:139, B:188 and CMYK values of C:0.82, M:0.26, Y:0, K:0.26. Its decimal value is 2198460.

Hex triplet	218bbc	`#218bbc`
RGB Decimal	33, 139, 188	`rgb(33,139,188)`
RGB Percent	12.9, 54.5, 73.7	`rgb(12.9%,54.5%,73.7%)`
CMYK	82, 26, 0, 26
HSL	199°, 70.1, 43.3	`hsl(199,70.1%,43.3%)`
HSV (or HSB)	199°, 82.4, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.467, -11.721, -33.728
XYZ	18.935, 22.418, 50.903
xyY	0.205, 0.243, 22.418
CIE-LCH	54.467, 35.707, 250.837
CIE-LUV	54.467, -34.499, -50.346
Hunter-Lab	47.347, -11.474, -30.6
Binary	00100001, 10001011, 10111100

#218bbc
```
#218bbc rgb(33,139,188)
```
#bc5221
```
#bc5221 rgb(188,82,33)
```

Complementary Color

#21bca0
```
#21bca0 rgb(33,188,160)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#213ebc
```
#213ebc rgb(33,62,188)
```

Analogous Color

#bca021
```
#bca021 rgb(188,160,33)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#bc213e
```
#bc213e rgb(188,33,62)
```

Split Complementary Color

#8bbc21
```
#8bbc21 rgb(139,188,33)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#bc218b
```
#bc218b rgb(188,33,139)
```

Triadic Color

#21bc52
```
#21bc52 rgb(33,188,82)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#bc218b
```
#bc218b rgb(188,33,139)
```
#bc5221
```
#bc5221 rgb(188,82,33)
```

Tetradic Color

#165b7b
```
#165b7b rgb(22,91,123)
```
#196b91
```
#196b91 rgb(25,107,145)
```
#1d7ba6
```
#1d7ba6 rgb(29,123,166)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#259bd2
```
#259bd2 rgb(37,155,210)
```
#35a7db
```
#35a7db rgb(53,167,219)
```
#4ab0df
```
#4ab0df rgb(74,176,223)
```

Monochromatic Color

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

#21b2bc
```
#21b2bc rgb(33,178,188)
```
#21a5bc
```
#21a5bc rgb(33,165,188)
```
#2198bc
```
#2198bc rgb(33,152,188)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#217ebc
```
#217ebc rgb(33,126,188)
```
#2171bc
```
#2171bc rgb(33,113,188)
```
#2164bc
```
#2164bc rgb(33,100,188)
```

Similar Colors

Text with hexadecimal color #218bbc

This text has a font color of #218bbc.

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

#218bbc background color

This paragraph has a background color of #218bbc.

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

#218bbc border color

This element has a border color of #218bbc.

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

CSS codes

.text {color:#218bbc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041015
```
#041015 rgb(4,16,21)
```
#071c26
```
#071c26 rgb(7,28,38)
```
#0a2837
```
#0a2837 rgb(10,40,55)
```
#0c3547
```
#0c3547 rgb(12,53,71)
```
#0f4158
```
#0f4158 rgb(15,65,88)
```
#124d69
```
#124d69 rgb(18,77,105)
```
#155a79
```
#155a79 rgb(21,90,121)
```
#18668a
```
#18668a rgb(24,102,138)
```
#1b729b
```
#1b729b rgb(27,114,155)
```
#1e7fab
```
#1e7fab rgb(30,127,171)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#2497cd
```
#2497cd rgb(36,151,205)
```

Shade Color Variation

#2ba2da
```
#2ba2da rgb(43,162,218)
```
#3baadd
```
#3baadd rgb(59,170,221)
```
#4cb1e0
```
#4cb1e0 rgb(76,177,224)
```
#5db8e2
```
#5db8e2 rgb(93,184,226)
```
#6dbfe5
```
#6dbfe5 rgb(109,191,229)
```
#7ec7e8
```
#7ec7e8 rgb(126,199,232)
```
#8fceeb
```
#8fceeb rgb(143,206,235)
```
#9fd5ee
```
#9fd5ee rgb(159,213,238)
```
#b0ddf1
```
#b0ddf1 rgb(176,221,241)
```
#c1e4f4
```
#c1e4f4 rgb(193,228,244)
```
#d1ebf7
```
#d1ebf7 rgb(209,235,247)
```
#e2f2fa
```
#e2f2fa rgb(226,242,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6f70 is the less saturated color, while #0794d6 is the most saturated one.

#6e6f70
```
#6e6f70 rgb(110,111,112)
```
#657278
```
#657278 rgb(101,114,120)
```
#5d7581
```
#5d7581 rgb(93,117,129)
```
#547889
```
#547889 rgb(84,120,137)
```
#4c7b92
```
#4c7b92 rgb(76,123,146)
```
#437e9a
```
#437e9a rgb(67,126,154)
```
#3b82a3
```
#3b82a3 rgb(59,130,163)
```
#3285ab
```
#3285ab rgb(50,133,171)
```
#2a88b4
```
#2a88b4 rgb(42,136,180)
```
#218bbc
```
#218bbc rgb(33,139,188)
```
#198ec5
```
#198ec5 rgb(25,142,197)
```
#1091cd
```
#1091cd rgb(16,145,205)
```
#0794d6
```
#0794d6 rgb(7,148,214)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#617680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887b8 Protanopia 1% of men
#6d88c3 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#5888b9 Protanomaly 1% of men, 0.01% of women
#5189c0 Deuteranomaly 6% of men, 0.4% of women
#0c92aa Tritanomaly 0.01% of the population

#218bbc hex color

#218bbc Color Information

#218bbc Color Conversion

Color Schemes with #218bbc

Alternatives to #218bbc

#218bbc Preview

Shades and Tints of #218bbc

Tones of #218bbc

Color Blindness Simulator