#218ac2 Color Information
In a RGB color space, hex #218ac2 is composed of 12.9% red, 54.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 28.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 200.9 degrees, a saturation of 70.9% and a lightness of 44.5%. #218ac2 color hex could be obtained by blending #42ffff with #001585. Closest websafe color is: #3399cc.
-
- R 13
- G 54
- B 76
-
- C 83
- M 29
- Y 0
- K 24
● #218ac2 color description : Strong blue.
#218ac2 Color Conversion
The hexadecimal color #218ac2 has RGB values of R:33, G:138, B:194 and CMYK values of C:0.83, M:0.29, Y:0, K:0.24. Its decimal value is 2198210.
Hex triplet | 218ac2 | #218ac2 |
---|---|---|
RGB Decimal | 33, 138, 194 | rgb(33,138,194) |
RGB Percent | 12.9, 54.1, 76.1 | rgb(12.9%,54.1%,76.1%) |
CMYK | 83, 29, 0, 24 | |
HSL | 200.9°, 70.9, 44.5 | hsl(200.9,70.9%,44.5%) |
HSV (or HSB) | 200.9°, 83, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.442, -8.982, -37.183 |
---|---|
XYZ | 19.451, 22.394, 54.333 |
xyY | 0.202, 0.233, 22.394 |
CIE-LCH | 54.442, 38.252, 256.42 |
CIE-LUV | 54.442, -33.79, -56.283 |
Hunter-Lab | 47.322, -9.444, -34.949 |
Binary | 00100001, 10001010, 11000010 |
Color Schemes with #218ac2
Alternatives to #218ac2
Below, you can see some colors close to #218ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ac2 Preview
This text has a font color of #218ac2.
<span style="color:#218ac2;">Text here</span>
This paragraph has a background color of #218ac2.
<p style="background-color:#218ac2;">Content here</p>
This element has a border color of #218ac2.
<div style="border:1px solid #218ac2;">Content here</div>
.text {color:#218ac2;}
.background {background-color:#218ac2;}
.border {border:1px solid #218ac2;}
Shades and Tints of #218ac2
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, #02070a is the darkest color, while #f8fcfe is the lightest one.
-
#02070a
#02070a
rgb(2,7,10)
-
#04131a
#04131a
rgb(4,19,26)
-
#071f2b
#071f2b
rgb(7,31,43)
-
#0a2b3c
#0a2b3c
rgb(10,43,60)
-
#0d374d
#0d374d
rgb(13,55,77)
-
#10425d
#10425d
rgb(16,66,93)
-
#134e6e
#134e6e
rgb(19,78,110)
-
#165a7f
#165a7f
rgb(22,90,127)
-
#186690
#186690
rgb(24,102,144)
-
#1b72a0
#1b72a0
rgb(27,114,160)
-
#1e7eb1
#1e7eb1
rgb(30,126,177)
-
#218ac2
#218ac2
rgb(33,138,194)
-
#2496d3
#2496d3
rgb(36,150,211)
-
#2f9fdc
#2f9fdc
rgb(47,159,220)
-
#3fa7de
#3fa7de
rgb(63,167,222)
-
#50afe1
#50afe1
rgb(80,175,225)
-
#61b6e4
#61b6e4
rgb(97,182,228)
-
#72bee7
#72bee7
rgb(114,190,231)
-
#82c6ea
#82c6ea
rgb(130,198,234)
-
#93ceed
#93ceed
rgb(147,206,237)
-
#a4d5f0
#a4d5f0
rgb(164,213,240)
-
#b5ddf2
#b5ddf2
rgb(181,221,242)
-
#c6e5f5
#c6e5f5
rgb(198,229,245)
-
#d6ecf8
#d6ecf8
rgb(214,236,248)
-
#e7f4fb
#e7f4fb
rgb(231,244,251)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #218ac2
A tone is produced by adding gray to any pure hue. In this case, #707273 is the less saturated color, while #0792dc is the most saturated one.
-
#707273
#707273
rgb(112,114,115)
-
#67757c
#67757c
rgb(103,117,124)
-
#5e7785
#5e7785
rgb(94,119,133)
-
#557a8e
#557a8e
rgb(85,122,142)
-
#4d7d96
#4d7d96
rgb(77,125,150)
-
#447f9f
#447f9f
rgb(68,127,159)
-
#3b82a8
#3b82a8
rgb(59,130,168)
-
#3285b1
#3285b1
rgb(50,133,177)
-
#2a87b9
#2a87b9
rgb(42,135,185)
-
#218ac2
#218ac2
rgb(33,138,194)
-
#188dcb
#188dcb
rgb(24,141,203)
-
#108fd3
#108fd3
rgb(16,143,211)
-
#0792dc
#0792dc
rgb(7,146,220)
Color Blindness Simulator
Below, you can see how #218ac2 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.