#218bd2 Color Information
In a RGB color space, hex #218bd2 is composed of 12.9% red, 54.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 33.8% magenta, 0% yellow and 17.6% black. It has a hue angle of 204.1 degrees, a saturation of 72.8% and a lightness of 47.6%. #218bd2 color hex could be obtained by blending #42ffff with #0017a5. Closest websafe color is: #3399cc.
-
- R 13
- G 55
- B 82
-
- C 84
- M 34
- Y 0
- K 18
● #218bd2 color description : Strong blue.
#218bd2 Color Conversion
The hexadecimal color #218bd2 has RGB values of R:33, G:139, B:210 and CMYK values of C:0.84, M:0.34, Y:0, K:0.18. Its decimal value is 2198482.
Hex triplet | 218bd2 | #218bd2 |
---|---|---|
RGB Decimal | 33, 139, 210 | rgb(33,139,210) |
RGB Percent | 12.9, 54.5, 82.4 | rgb(12.9%,54.5%,82.4%) |
CMYK | 84, 34, 0, 18 | |
HSL | 204.1°, 72.8, 47.6 | hsl(204.1,72.8%,47.6%) |
HSV (or HSB) | 204.1°, 84.3, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.522, -3.683, -44.534 |
---|---|
XYZ | 21.49, 23.44, 64.361 |
xyY | 0.197, 0.214, 23.44 |
CIE-LCH | 55.522, 44.686, 265.272 |
CIE-LUV | 55.522, -33.212, -69.097 |
Hunter-Lab | 48.415, -5.495, -44.928 |
Binary | 00100001, 10001011, 11010010 |
Color Schemes with #218bd2
Alternatives to #218bd2
Below, you can see some colors close to #218bd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218bd2 Preview
This text has a font color of #218bd2.
<span style="color:#218bd2;">Text here</span>
This paragraph has a background color of #218bd2.
<p style="background-color:#218bd2;">Content here</p>
This element has a border color of #218bd2.
<div style="border:1px solid #218bd2;">Content here</div>
.text {color:#218bd2;}
.background {background-color:#218bd2;}
.border {border:1px solid #218bd2;}
Shades and Tints of #218bd2
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, #010407 is the darkest color, while #f5fafd is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#041018
#041018
rgb(4,16,24)
-
#061b28
#061b28
rgb(6,27,40)
-
#092639
#092639
rgb(9,38,57)
-
#0c314a
#0c314a
rgb(12,49,74)
-
#0e3c5b
#0e3c5b
rgb(14,60,91)
-
#11486c
#11486c
rgb(17,72,108)
-
#14537d
#14537d
rgb(20,83,125)
-
#165e8e
#165e8e
rgb(22,94,142)
-
#19699f
#19699f
rgb(25,105,159)
-
#1c75b0
#1c75b0
rgb(28,117,176)
-
#1e80c1
#1e80c1
rgb(30,128,193)
-
#218bd2
#218bd2
rgb(33,139,210)
-
#2995dd
#2995dd
rgb(41,149,221)
-
#3a9ee0
#3a9ee0
rgb(58,158,224)
-
#4ba6e3
#4ba6e3
rgb(75,166,227)
-
#5caee5
#5caee5
rgb(92,174,229)
-
#6db7e8
#6db7e8
rgb(109,183,232)
-
#7ebfeb
#7ebfeb
rgb(126,191,235)
-
#8fc7ed
#8fc7ed
rgb(143,199,237)
-
#a0d0f0
#a0d0f0
rgb(160,208,240)
-
#b1d8f3
#b1d8f3
rgb(177,216,243)
-
#c2e1f5
#c2e1f5
rgb(194,225,245)
-
#d3e9f8
#d3e9f8
rgb(211,233,248)
-
#e4f1fb
#e4f1fb
rgb(228,241,251)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #218bd2
A tone is produced by adding gray to any pure hue. In this case, #757a7e is the less saturated color, while #0591ee is the most saturated one.
-
#757a7e
#757a7e
rgb(117,122,126)
-
#6c7c87
#6c7c87
rgb(108,124,135)
-
#627e91
#627e91
rgb(98,126,145)
-
#59809a
#59809a
rgb(89,128,154)
-
#5082a3
#5082a3
rgb(80,130,163)
-
#4684ad
#4684ad
rgb(70,132,173)
-
#3d85b6
#3d85b6
rgb(61,133,182)
-
#3487bf
#3487bf
rgb(52,135,191)
-
#2a89c9
#2a89c9
rgb(42,137,201)
-
#218bd2
#218bd2
rgb(33,139,210)
-
#188ddb
#188ddb
rgb(24,141,219)
-
#0e8fe5
#0e8fe5
rgb(14,143,229)
-
#0591ee
#0591ee
rgb(5,145,238)
Color Blindness Simulator
Below, you can see how #218bd2 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.