#218dbc hex color

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

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

● #218dbc color description : Strong blue.

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

Hex triplet	218dbc	`#218dbc`
RGB Decimal	33, 141, 188	`rgb(33,141,188)`
RGB Percent	12.9, 55.3, 73.7	`rgb(12.9%,55.3%,73.7%)`
CMYK	82, 25, 0, 26
HSL	198.2°, 70.1, 43.3	`hsl(198.2,70.1%,43.3%)`
HSV (or HSB)	198.2°, 82.4, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.075, -12.843, -32.781
XYZ	19.227, 23.002, 51.001
xyY	0.206, 0.247, 23.002
CIE-LCH	55.075, 35.207, 248.605
CIE-LUV	55.075, -35.196, -48.768
Hunter-Lab	47.961, -12.372, -29.476
Binary	00100001, 10001101, 10111100

#218dbc
```
#218dbc rgb(33,141,188)
```
#bc5021
```
#bc5021 rgb(188,80,33)
```

Complementary Color

#21bc9e
```
#21bc9e rgb(33,188,158)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#2140bc
```
#2140bc rgb(33,64,188)
```

Analogous Color

#bc9e21
```
#bc9e21 rgb(188,158,33)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#bc2140
```
#bc2140 rgb(188,33,64)
```

Split Complementary Color

#8dbc21
```
#8dbc21 rgb(141,188,33)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#bc218d
```
#bc218d rgb(188,33,141)
```

Triadic Color

#21bc50
```
#21bc50 rgb(33,188,80)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#bc218d
```
#bc218d rgb(188,33,141)
```
#bc5021
```
#bc5021 rgb(188,80,33)
```

Tetradic Color

#165c7b
```
#165c7b rgb(22,92,123)
```
#196c91
```
#196c91 rgb(25,108,145)
```
#1d7da6
```
#1d7da6 rgb(29,125,166)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#259dd2
```
#259dd2 rgb(37,157,210)
```
#35a9db
```
#35a9db rgb(53,169,219)
```
#4ab2df
```
#4ab2df rgb(74,178,223)
```

Monochromatic Color

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

#21b4bc
```
#21b4bc rgb(33,180,188)
```
#21a7bc
```
#21a7bc rgb(33,167,188)
```
#219abc
```
#219abc rgb(33,154,188)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#2180bc
```
#2180bc rgb(33,128,188)
```
#2173bc
```
#2173bc rgb(33,115,188)
```
#2166bc
```
#2166bc rgb(33,102,188)
```

Similar Colors

Text with hexadecimal color #218dbc

This text has a font color of #218dbc.

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

#218dbc background color

This paragraph has a background color of #218dbc.

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

#218dbc border color

This element has a border color of #218dbc.

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

CSS codes

.text {color:#218dbc;}

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

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

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)
```
#0a2937
```
#0a2937 rgb(10,41,55)
```
#0c3547
```
#0c3547 rgb(12,53,71)
```
#0f4258
```
#0f4258 rgb(15,66,88)
```
#124e69
```
#124e69 rgb(18,78,105)
```
#155b79
```
#155b79 rgb(21,91,121)
```
#18678a
```
#18678a rgb(24,103,138)
```
#1b749b
```
#1b749b rgb(27,116,155)
```
#1e80ab
```
#1e80ab rgb(30,128,171)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#249acd
```
#249acd rgb(36,154,205)
```

Shade Color Variation

#2ba5da
```
#2ba5da rgb(43,165,218)
```
#3bacdd
```
#3bacdd rgb(59,172,221)
```
#4cb3e0
```
#4cb3e0 rgb(76,179,224)
```
#5dbae2
```
#5dbae2 rgb(93,186,226)
```
#6dc1e5
```
#6dc1e5 rgb(109,193,229)
```
#7ec8e8
```
#7ec8e8 rgb(126,200,232)
```
#8fcfeb
```
#8fcfeb rgb(143,207,235)
```
#9fd6ee
```
#9fd6ee rgb(159,214,238)
```
#b0ddf1
```
#b0ddf1 rgb(176,221,241)
```
#c1e4f4
```
#c1e4f4 rgb(193,228,244)
```
#d1ecf7
```
#d1ecf7 rgb(209,236,247)
```
#e2f3fa
```
#e2f3fa rgb(226,243,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 #0797d6 is the most saturated one.

#6e6f70
```
#6e6f70 rgb(110,111,112)
```
#657278
```
#657278 rgb(101,114,120)
```
#5d7681
```
#5d7681 rgb(93,118,129)
```
#547989
```
#547989 rgb(84,121,137)
```
#4c7c92
```
#4c7c92 rgb(76,124,146)
```
#43809a
```
#43809a rgb(67,128,154)
```
#3b83a3
```
#3b83a3 rgb(59,131,163)
```
#3286ab
```
#3286ab rgb(50,134,171)
```
#2a8ab4
```
#2a8ab4 rgb(42,138,180)
```
#218dbc
```
#218dbc rgb(33,141,188)
```
#1990c5
```
#1990c5 rgb(25,144,197)
```
#1094cd
```
#1094cd rgb(16,148,205)
```
#0797d6
```
#0797d6 rgb(7,151,214)
```

Tone Color Variation

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

Dichromacy

#7b88b8 Protanopia 1% of men
#7089c3 Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#5a8ab9 Protanomaly 1% of men, 0.01% of women
#538ac0 Deuteranomaly 6% of men, 0.4% of women
#0c93ab Tritanomaly 0.01% of the population

#218dbc hex color

#218dbc Color Information

#218dbc Color Conversion

Color Schemes with #218dbc

Alternatives to #218dbc

#218dbc Preview

Shades and Tints of #218dbc

Tones of #218dbc

Color Blindness Simulator