#218ad1 Color Information
In a RGB color space, hex #218ad1 is composed of 12.9% red, 54.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 34% magenta, 0% yellow and 18% black. It has a hue angle of 204.2 degrees, a saturation of 72.7% and a lightness of 47.5%. #218ad1 color hex could be obtained by blending #42ffff with #0015a3. Closest websafe color is: #3399cc.
-
- R 13
- G 54
- B 82
-
- C 84
- M 34
- Y 0
- K 18
● #218ad1 color description : Strong blue.
#218ad1 Color Conversion
The hexadecimal color #218ad1 has RGB values of R:33, G:138, B:209 and CMYK values of C:0.84, M:0.34, Y:0, K:0.18. Its decimal value is 2198225.
Hex triplet | 218ad1 | #218ad1 |
---|---|---|
RGB Decimal | 33, 138, 209 | rgb(33,138,209) |
RGB Percent | 12.9, 54.1, 82 | rgb(12.9%,54.1%,82%) |
CMYK | 84, 34, 0, 18 | |
HSL | 204.2°, 72.7, 47.5 | hsl(204.2,72.7%,47.5%) |
HSV (or HSB) | 204.2°, 84.2, 82 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.177, -3.467, -44.517 |
---|---|
XYZ | 21.222, 23.102, 63.659 |
xyY | 0.197, 0.214, 23.102 |
CIE-LCH | 55.177, 44.652, 265.546 |
CIE-LUV | 55.177, -32.933, -69.011 |
Hunter-Lab | 48.064, -5.301, -44.881 |
Binary | 00100001, 10001010, 11010001 |
Color Schemes with #218ad1
Alternatives to #218ad1
Below, you can see some colors close to #218ad1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ad1 Preview
This text has a font color of #218ad1.
<span style="color:#218ad1;">Text here</span>
This paragraph has a background color of #218ad1.
<p style="background-color:#218ad1;">Content here</p>
This element has a border color of #218ad1.
<div style="border:1px solid #218ad1;">Content here</div>
.text {color:#218ad1;}
.background {background-color:#218ad1;}
.border {border:1px solid #218ad1;}
Shades and Tints of #218ad1
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 #f4f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#040f17
#040f17
rgb(4,15,23)
-
#061a28
#061a28
rgb(6,26,40)
-
#092539
#092539
rgb(9,37,57)
-
#0c3149
#0c3149
rgb(12,49,73)
-
#0e3c5a
#0e3c5a
rgb(14,60,90)
-
#11476b
#11476b
rgb(17,71,107)
-
#14527c
#14527c
rgb(20,82,124)
-
#165d8d
#165d8d
rgb(22,93,141)
-
#19689e
#19689e
rgb(25,104,158)
-
#1c74af
#1c74af
rgb(28,116,175)
-
#1e7fc0
#1e7fc0
rgb(30,127,192)
-
#218ad1
#218ad1
rgb(33,138,209)
-
#2894dd
#2894dd
rgb(40,148,221)
-
#399de0
#399de0
rgb(57,157,224)
-
#4aa5e2
#4aa5e2
rgb(74,165,226)
-
#5baee5
#5baee5
rgb(91,174,229)
-
#6cb6e8
#6cb6e8
rgb(108,182,232)
-
#7dbeeb
#7dbeeb
rgb(125,190,235)
-
#8ec7ed
#8ec7ed
rgb(142,199,237)
-
#9fcff0
#9fcff0
rgb(159,207,240)
-
#b0d8f3
#b0d8f3
rgb(176,216,243)
-
#c1e0f5
#c1e0f5
rgb(193,224,245)
-
#d2e9f8
#d2e9f8
rgb(210,233,248)
-
#e3f1fb
#e3f1fb
rgb(227,241,251)
-
#f4f9fd
#f4f9fd
rgb(244,249,253)
Tones of #218ad1
A tone is produced by adding gray to any pure hue. In this case, #757a7d is the less saturated color, while #058fed is the most saturated one.
-
#757a7d
#757a7d
rgb(117,122,125)
-
#6b7c87
#6b7c87
rgb(107,124,135)
-
#627d90
#627d90
rgb(98,125,144)
-
#597f99
#597f99
rgb(89,127,153)
-
#5081a2
#5081a2
rgb(80,129,162)
-
#4683ac
#4683ac
rgb(70,131,172)
-
#3d85b5
#3d85b5
rgb(61,133,181)
-
#3486be
#3486be
rgb(52,134,190)
-
#2a88c8
#2a88c8
rgb(42,136,200)
-
#218ad1
#218ad1
rgb(33,138,209)
-
#188cda
#188cda
rgb(24,140,218)
-
#0e8ee4
#0e8ee4
rgb(14,142,228)
-
#058fed
#058fed
rgb(5,143,237)
Color Blindness Simulator
Below, you can see how #218ad1 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.