#218af9 Color Information
In a RGB color space, hex #218af9 is composed of 12.9% red, 54.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 44.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 210.8 degrees, a saturation of 94.7% and a lightness of 55.3%. #218af9 color hex could be obtained by blending #42ffff with #0015f3. Closest websafe color is: #3399ff.
-
- R 13
- G 54
- B 98
-
- C 87
- M 45
- Y 0
- K 2
● #218af9 color description : Vivid blue.
#218af9 Color Conversion
The hexadecimal color #218af9 has RGB values of R:33, G:138, B:249 and CMYK values of C:0.87, M:0.45, Y:0, K:0.02. Its decimal value is 2198265.
Hex triplet | 218af9 | #218af9 |
---|---|---|
RGB Decimal | 33, 138, 249 | rgb(33,138,249) |
RGB Percent | 12.9, 54.1, 97.6 | rgb(12.9%,54.1%,97.6%) |
CMYK | 87, 45, 0, 2 | |
HSL | 210.8°, 94.7, 55.3 | hsl(210.8,94.7%,55.3%) |
HSV (or HSB) | 210.8°, 86.7, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.403, 11.522, -63.268 |
---|---|
XYZ | 26.811, 25.337, 93.095 |
xyY | 0.185, 0.174, 25.337 |
CIE-LCH | 57.403, 64.309, 280.322 |
CIE-LUV | 57.403, -31.003, -101.486 |
Hunter-Lab | 50.336, 6.986, -74.419 |
Binary | 00100001, 10001010, 11111001 |
Color Schemes with #218af9
Alternatives to #218af9
Below, you can see some colors close to #218af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218af9 Preview
This text has a font color of #218af9.
<span style="color:#218af9;">Text here</span>
This paragraph has a background color of #218af9.
<p style="background-color:#218af9;">Content here</p>
This element has a border color of #218af9.
<div style="border:1px solid #218af9;">Content here</div>
.text {color:#218af9;}
.background {background-color:#218af9;}
.border {border:1px solid #218af9;}
Shades and Tints of #218af9
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, #000407 is the darkest color, while #f3f9ff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#010d1a
#010d1a
rgb(1,13,26)
-
#01172d
#01172d
rgb(1,23,45)
-
#022040
#022040
rgb(2,32,64)
-
#022a54
#022a54
rgb(2,42,84)
-
#033367
#033367
rgb(3,51,103)
-
#033d7a
#033d7a
rgb(3,61,122)
-
#04468d
#04468d
rgb(4,70,141)
-
#0450a0
#0450a0
rgb(4,80,160)
-
#055ab3
#055ab3
rgb(5,90,179)
-
#0563c6
#0563c6
rgb(5,99,198)
-
#066dd9
#066dd9
rgb(6,109,217)
-
#0676ec
#0676ec
rgb(6,118,236)
-
#0e80f8
#0e80f8
rgb(14,128,248)
-
#218af9
#218af9
rgb(33,138,249)
-
#3494fa
#3494fa
rgb(52,148,250)
-
#479efa
#479efa
rgb(71,158,250)
-
#5aa8fb
#5aa8fb
rgb(90,168,251)
-
#6db2fb
#6db2fb
rgb(109,178,251)
-
#80bcfc
#80bcfc
rgb(128,188,252)
-
#94c6fc
#94c6fc
rgb(148,198,252)
-
#a7d0fd
#a7d0fd
rgb(167,208,253)
-
#badbfd
#badbfd
rgb(186,219,253)
-
#cde5fe
#cde5fe
rgb(205,229,254)
-
#e0effe
#e0effe
rgb(224,239,254)
-
#f3f9ff
#f3f9ff
rgb(243,249,255)
Tones of #218af9
A tone is produced by adding gray to any pure hue. In this case, #8a8d90 is the less saturated color, while #218af9 is the most saturated one.
-
#8a8d90
#8a8d90
rgb(138,141,144)
-
#818d99
#818d99
rgb(129,141,153)
-
#798ca1
#798ca1
rgb(121,140,161)
-
#708caa
#708caa
rgb(112,140,170)
-
#678cb3
#678cb3
rgb(103,140,179)
-
#5e8cbc
#5e8cbc
rgb(94,140,188)
-
#568bc4
#568bc4
rgb(86,139,196)
-
#4d8bcd
#4d8bcd
rgb(77,139,205)
-
#448bd6
#448bd6
rgb(68,139,214)
-
#3b8bdf
#3b8bdf
rgb(59,139,223)
-
#338ae7
#338ae7
rgb(51,138,231)
-
#2a8af0
#2a8af0
rgb(42,138,240)
-
#218af9
#218af9
rgb(33,138,249)
Color Blindness Simulator
Below, you can see how #218af9 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.