#218ed1 Color Information
In a RGB color space, hex #218ed1 is composed of 12.9% red, 55.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 32.1% magenta, 0% yellow and 18% black. It has a hue angle of 202.8 degrees, a saturation of 72.7% and a lightness of 47.5%. #218ed1 color hex could be obtained by blending #42ffff with #001da3. Closest websafe color is: #3399cc.
-
- R 13
- G 56
- B 82
-
- C 84
- M 32
- Y 0
- K 18
● #218ed1 color description : Strong blue.
#218ed1 Color Conversion
The hexadecimal color #218ed1 has RGB values of R:33, G:142, B:209 and CMYK values of C:0.84, M:0.32, Y:0, K:0.18. Its decimal value is 2199249.
Hex triplet | 218ed1 | #218ed1 |
---|---|---|
RGB Decimal | 33, 142, 209 | rgb(33,142,209) |
RGB Percent | 12.9, 55.7, 82 | rgb(12.9%,55.7%,82%) |
CMYK | 84, 32, 0, 18 | |
HSL | 202.8°, 72.7, 47.5 | hsl(202.8,72.7%,47.5%) |
HSV (or HSB) | 202.8°, 84.2, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.358, -5.798, -42.651 |
---|---|
XYZ | 21.806, 24.271, 63.854 |
xyY | 0.198, 0.221, 24.271 |
CIE-LCH | 56.358, 43.043, 262.259 |
CIE-LUV | 56.358, -34.276, -65.97 |
Hunter-Lab | 49.265, -7.206, -42.361 |
Binary | 00100001, 10001110, 11010001 |
Color Schemes with #218ed1
Alternatives to #218ed1
Below, you can see some colors close to #218ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ed1 Preview
This text has a font color of #218ed1.
<span style="color:#218ed1;">Text here</span>
This paragraph has a background color of #218ed1.
<p style="background-color:#218ed1;">Content here</p>
This element has a border color of #218ed1.
<div style="border:1px solid #218ed1;">Content here</div>
.text {color:#218ed1;}
.background {background-color:#218ed1;}
.border {border:1px solid #218ed1;}
Shades and Tints of #218ed1
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, #010406 is the darkest color, while #f4fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#040f17
#040f17
rgb(4,15,23)
-
#061b28
#061b28
rgb(6,27,40)
-
#092639
#092639
rgb(9,38,57)
-
#0c3249
#0c3249
rgb(12,50,73)
-
#0e3d5a
#0e3d5a
rgb(14,61,90)
-
#11496b
#11496b
rgb(17,73,107)
-
#14547c
#14547c
rgb(20,84,124)
-
#16608d
#16608d
rgb(22,96,141)
-
#196b9e
#196b9e
rgb(25,107,158)
-
#1c77af
#1c77af
rgb(28,119,175)
-
#1e82c0
#1e82c0
rgb(30,130,192)
-
#218ed1
#218ed1
rgb(33,142,209)
-
#2898dd
#2898dd
rgb(40,152,221)
-
#39a0e0
#39a0e0
rgb(57,160,224)
-
#4aa9e2
#4aa9e2
rgb(74,169,226)
-
#5bb1e5
#5bb1e5
rgb(91,177,229)
-
#6cb9e8
#6cb9e8
rgb(108,185,232)
-
#7dc1eb
#7dc1eb
rgb(125,193,235)
-
#8ec9ed
#8ec9ed
rgb(142,201,237)
-
#9fd1f0
#9fd1f0
rgb(159,209,240)
-
#b0d9f3
#b0d9f3
rgb(176,217,243)
-
#c1e1f5
#c1e1f5
rgb(193,225,245)
-
#d2e9f8
#d2e9f8
rgb(210,233,248)
-
#e3f2fb
#e3f2fb
rgb(227,242,251)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #218ed1
A tone is produced by adding gray to any pure hue. In this case, #757a7d is the less saturated color, while #0595ed is the most saturated one.
-
#757a7d
#757a7d
rgb(117,122,125)
-
#6b7c87
#6b7c87
rgb(107,124,135)
-
#627e90
#627e90
rgb(98,126,144)
-
#598199
#598199
rgb(89,129,153)
-
#5083a2
#5083a2
rgb(80,131,162)
-
#4685ac
#4685ac
rgb(70,133,172)
-
#3d87b5
#3d87b5
rgb(61,135,181)
-
#348abe
#348abe
rgb(52,138,190)
-
#2a8cc8
#2a8cc8
rgb(42,140,200)
-
#218ed1
#218ed1
rgb(33,142,209)
-
#1890da
#1890da
rgb(24,144,218)
-
#0e92e4
#0e92e4
rgb(14,146,228)
-
#0595ed
#0595ed
rgb(5,149,237)
Color Blindness Simulator
Below, you can see how #218ed1 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.