#218ae1 Color Information
In a RGB color space, hex #218ae1 is composed of 12.9% red, 54.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 38.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 207.2 degrees, a saturation of 76.2% and a lightness of 50.6%. #218ae1 color hex could be obtained by blending #42ffff with #0015c3. Closest websafe color is: #3399cc.
-
- R 13
- G 54
- B 88
-
- C 85
- M 39
- Y 0
- K 12
● #218ae1 color description : Vivid blue.
#218ae1 Color Conversion
The hexadecimal color #218ae1 has RGB values of R:33, G:138, B:225 and CMYK values of C:0.85, M:0.39, Y:0, K:0.12. Its decimal value is 2198241.
Hex triplet | 218ae1 | #218ae1 |
---|---|---|
RGB Decimal | 33, 138, 225 | rgb(33,138,225) |
RGB Percent | 12.9, 54.1, 88.2 | rgb(12.9%,54.1%,88.2%) |
CMYK | 85, 39, 0, 12 | |
HSL | 207.2°, 76.2, 50.6 | hsl(207.2,76.2%,50.6%) |
HSV (or HSB) | 207.2°, 85.3, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.022, 2.5, -52.156 |
---|---|
XYZ | 23.303, 23.934, 74.622 |
xyY | 0.191, 0.196, 23.934 |
CIE-LCH | 56.022, 52.216, 272.744 |
CIE-LUV | 56.022, -32.096, -82.284 |
Hunter-Lab | 48.923, -0.591, -56.189 |
Binary | 00100001, 10001010, 11100001 |
Color Schemes with #218ae1
Alternatives to #218ae1
Below, you can see some colors close to #218ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ae1 Preview
This text has a font color of #218ae1.
<span style="color:#218ae1;">Text here</span>
This paragraph has a background color of #218ae1.
<p style="background-color:#218ae1;">Content here</p>
This element has a border color of #218ae1.
<div style="border:1px solid #218ae1;">Content here</div>
.text {color:#218ae1;}
.background {background-color:#218ae1;}
.border {border:1px solid #218ae1;}
Shades and Tints of #218ae1
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, #000203 is the darkest color, while #f0f7fd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#030c14
#030c14
rgb(3,12,20)
-
#051725
#051725
rgb(5,23,37)
-
#072136
#072136
rgb(7,33,54)
-
#0a2c48
#0a2c48
rgb(10,44,72)
-
#0c3659
#0c3659
rgb(12,54,89)
-
#0e416a
#0e416a
rgb(14,65,106)
-
#114b7c
#114b7c
rgb(17,75,124)
-
#13568d
#13568d
rgb(19,86,141)
-
#15609e
#15609e
rgb(21,96,158)
-
#186baf
#186baf
rgb(24,107,175)
-
#1a75c1
#1a75c1
rgb(26,117,193)
-
#1c80d2
#1c80d2
rgb(28,128,210)
-
#218ae1
#218ae1
rgb(33,138,225)
-
#3293e3
#3293e3
rgb(50,147,227)
-
#449ce6
#449ce6
rgb(68,156,230)
-
#55a5e8
#55a5e8
rgb(85,165,232)
-
#66aeea
#66aeea
rgb(102,174,234)
-
#77b8ed
#77b8ed
rgb(119,184,237)
-
#89c1ef
#89c1ef
rgb(137,193,239)
-
#9acaf1
#9acaf1
rgb(154,202,241)
-
#abd3f4
#abd3f4
rgb(171,211,244)
-
#bddcf6
#bddcf6
rgb(189,220,246)
-
#cee5f8
#cee5f8
rgb(206,229,248)
-
#dfeefb
#dfeefb
rgb(223,238,251)
-
#f0f7fd
#f0f7fd
rgb(240,247,253)
Tones of #218ae1
A tone is produced by adding gray to any pure hue. In this case, #78828a is the less saturated color, while #048dfe is the most saturated one.
-
#78828a
#78828a
rgb(120,130,138)
-
#6f8393
#6f8393
rgb(111,131,147)
-
#65849d
#65849d
rgb(101,132,157)
-
#5b85a7
#5b85a7
rgb(91,133,167)
-
#5185b1
#5185b1
rgb(81,133,177)
-
#4886ba
#4886ba
rgb(72,134,186)
-
#3e87c4
#3e87c4
rgb(62,135,196)
-
#3488ce
#3488ce
rgb(52,136,206)
-
#2b89d7
#2b89d7
rgb(43,137,215)
-
#218ae1
#218ae1
rgb(33,138,225)
-
#178beb
#178beb
rgb(23,139,235)
-
#0e8cf4
#0e8cf4
rgb(14,140,244)
-
#048dfe
#048dfe
rgb(4,141,254)
Color Blindness Simulator
Below, you can see how #218ae1 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.