#218ad4 Color Information
In a RGB color space, hex #218ad4 is composed of 12.9% red, 54.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 34.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.8 degrees, a saturation of 73.1% and a lightness of 48%. #218ad4 color hex could be obtained by blending #42ffff with #0015a9. Closest websafe color is: #3399cc.
-
- R 13
- G 54
- B 83
-
- C 84
- M 35
- Y 0
- K 17
● #218ad4 color description : Strong blue.
#218ad4 Color Conversion
The hexadecimal color #218ad4 has RGB values of R:33, G:138, B:212 and CMYK values of C:0.84, M:0.35, Y:0, K:0.17. Its decimal value is 2198228.
Hex triplet | 218ad4 | #218ad4 |
---|---|---|
RGB Decimal | 33, 138, 212 | rgb(33,138,212) |
RGB Percent | 12.9, 54.1, 83.1 | rgb(12.9%,54.1%,83.1%) |
CMYK | 84, 35, 0, 17 | |
HSL | 204.8°, 73.1, 48 | hsl(204.8,73.1%,48%) |
HSV (or HSB) | 204.8°, 84.4, 83.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.331, -2.354, -45.963 |
---|---|
XYZ | 21.596, 23.252, 65.634 |
xyY | 0.195, 0.21, 23.252 |
CIE-LCH | 55.331, 46.024, 267.068 |
CIE-LUV | 55.331, -32.769, -71.526 |
Hunter-Lab | 48.22, -4.44, -46.947 |
Binary | 00100001, 10001010, 11010100 |
Color Schemes with #218ad4
Alternatives to #218ad4
Below, you can see some colors close to #218ad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ad4 Preview
This text has a font color of #218ad4.
<span style="color:#218ad4;">Text here</span>
This paragraph has a background color of #218ad4.
<p style="background-color:#218ad4;">Content here</p>
This element has a border color of #218ad4.
<div style="border:1px solid #218ad4;">Content here</div>
.text {color:#218ad4;}
.background {background-color:#218ad4;}
.border {border:1px solid #218ad4;}
Shades and Tints of #218ad4
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, #010508 is the darkest color, while #f6fbfe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#041019
#041019
rgb(4,16,25)
-
#071c2a
#071c2a
rgb(7,28,42)
-
#09273b
#09273b
rgb(9,39,59)
-
#0c324c
#0c324c
rgb(12,50,76)
-
#0f3d5d
#0f3d5d
rgb(15,61,93)
-
#11486e
#11486e
rgb(17,72,110)
-
#14537f
#14537f
rgb(20,83,127)
-
#165e90
#165e90
rgb(22,94,144)
-
#1969a1
#1969a1
rgb(25,105,161)
-
#1c74b2
#1c74b2
rgb(28,116,178)
-
#1e7fc3
#1e7fc3
rgb(30,127,195)
-
#218ad4
#218ad4
rgb(33,138,212)
-
#2b94de
#2b94de
rgb(43,148,222)
-
#3c9ce1
#3c9ce1
rgb(60,156,225)
-
#4da5e3
#4da5e3
rgb(77,165,227)
-
#5eaee6
#5eaee6
rgb(94,174,230)
-
#6fb6e9
#6fb6e9
rgb(111,182,233)
-
#80bfeb
#80bfeb
rgb(128,191,235)
-
#91c7ee
#91c7ee
rgb(145,199,238)
-
#a1d0f0
#a1d0f0
rgb(161,208,240)
-
#b2d8f3
#b2d8f3
rgb(178,216,243)
-
#c3e1f6
#c3e1f6
rgb(195,225,246)
-
#d4e9f8
#d4e9f8
rgb(212,233,248)
-
#e5f2fb
#e5f2fb
rgb(229,242,251)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #218ad4
A tone is produced by adding gray to any pure hue. In this case, #767b7f is the less saturated color, while #058ff0 is the most saturated one.
-
#767b7f
#767b7f
rgb(118,123,127)
-
#6c7d89
#6c7d89
rgb(108,125,137)
-
#637f92
#637f92
rgb(99,127,146)
-
#5a809b
#5a809b
rgb(90,128,155)
-
#5082a5
#5082a5
rgb(80,130,165)
-
#4783ae
#4783ae
rgb(71,131,174)
-
#3d85b8
#3d85b8
rgb(61,133,184)
-
#3487c1
#3487c1
rgb(52,135,193)
-
#2a88cb
#2a88cb
rgb(42,136,203)
-
#218ad4
#218ad4
rgb(33,138,212)
-
#188cdd
#188cdd
rgb(24,140,221)
-
#0e8de7
#0e8de7
rgb(14,141,231)
-
#058ff0
#058ff0
rgb(5,143,240)
Color Blindness Simulator
Below, you can see how #218ad4 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.