#218be2 Color Information
In a RGB color space, hex #218be2 is composed of 12.9% red, 54.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 38.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 207 degrees, a saturation of 76.9% and a lightness of 50.8%. #218be2 color hex could be obtained by blending #42ffff with #0017c5. Closest websafe color is: #3399cc.
-
- R 13
- G 55
- B 89
-
- C 85
- M 38
- Y 0
- K 11
● #218be2 color description : Vivid blue.
#218be2 Color Conversion
The hexadecimal color #218be2 has RGB values of R:33, G:139, B:226 and CMYK values of C:0.85, M:0.38, Y:0, K:0.11. Its decimal value is 2198498.
Hex triplet | 218be2 | #218be2 |
---|---|---|
RGB Decimal | 33, 139, 226 | rgb(33,139,226) |
RGB Percent | 12.9, 54.5, 88.6 | rgb(12.9%,54.5%,88.6%) |
CMYK | 85, 38, 0, 11 | |
HSL | 207°, 76.9, 50.8 | hsl(207,76.9%,50.8%) |
HSV (or HSB) | 207°, 85.4, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.365, 2.277, -52.169 |
---|---|
XYZ | 23.584, 24.277, 75.39 |
xyY | 0.191, 0.197, 24.277 |
CIE-LCH | 56.365, 52.219, 272.499 |
CIE-LUV | 56.365, -32.37, -82.382 |
Hunter-Lab | 49.272, -0.788, -56.228 |
Binary | 00100001, 10001011, 11100010 |
Color Schemes with #218be2
Alternatives to #218be2
Below, you can see some colors close to #218be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218be2 Preview
This text has a font color of #218be2.
<span style="color:#218be2;">Text here</span>
This paragraph has a background color of #218be2.
<p style="background-color:#218be2;">Content here</p>
This element has a border color of #218be2.
<div style="border:1px solid #218be2;">Content here</div>
.text {color:#218be2;}
.background {background-color:#218be2;}
.border {border:1px solid #218be2;}
Shades and Tints of #218be2
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, #000204 is the darkest color, while #f1f8fd is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#030d15
#030d15
rgb(3,13,21)
-
#051726
#051726
rgb(5,23,38)
-
#072238
#072238
rgb(7,34,56)
-
#0a2c49
#0a2c49
rgb(10,44,73)
-
#0c375a
#0c375a
rgb(12,55,90)
-
#0e416c
#0e416c
rgb(14,65,108)
-
#104c7d
#104c7d
rgb(16,76,125)
-
#13578e
#13578e
rgb(19,87,142)
-
#1561a0
#1561a0
rgb(21,97,160)
-
#176cb1
#176cb1
rgb(23,108,177)
-
#1976c2
#1976c2
rgb(25,118,194)
-
#1c81d4
#1c81d4
rgb(28,129,212)
-
#218be2
#218be2
rgb(33,139,226)
-
#3294e4
#3294e4
rgb(50,148,228)
-
#449de7
#449de7
rgb(68,157,231)
-
#55a6e9
#55a6e9
rgb(85,166,233)
-
#66afeb
#66afeb
rgb(102,175,235)
-
#78b8ed
#78b8ed
rgb(120,184,237)
-
#89c1f0
#89c1f0
rgb(137,193,240)
-
#9acaf2
#9acaf2
rgb(154,202,242)
-
#acd4f4
#acd4f4
rgb(172,212,244)
-
#bdddf6
#bdddf6
rgb(189,221,246)
-
#cee6f9
#cee6f9
rgb(206,230,249)
-
#e0effb
#e0effb
rgb(224,239,251)
-
#f1f8fd
#f1f8fd
rgb(241,248,253)
Tones of #218be2
A tone is produced by adding gray to any pure hue. In this case, #78828b is the less saturated color, while #048eff is the most saturated one.
-
#78828b
#78828b
rgb(120,130,139)
-
#6e8395
#6e8395
rgb(110,131,149)
-
#65849e
#65849e
rgb(101,132,158)
-
#5b85a8
#5b85a8
rgb(91,133,168)
-
#5186b2
#5186b2
rgb(81,134,178)
-
#4887bb
#4887bb
rgb(72,135,187)
-
#3e88c5
#3e88c5
rgb(62,136,197)
-
#3489cf
#3489cf
rgb(52,137,207)
-
#2b8ad8
#2b8ad8
rgb(43,138,216)
-
#218be2
#218be2
rgb(33,139,226)
-
#178cec
#178cec
rgb(23,140,236)
-
#0e8df5
#0e8df5
rgb(14,141,245)
-
#048eff
#048eff
rgb(4,142,255)
Color Blindness Simulator
Below, you can see how #218be2 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.