#218fa2 Color Information
In a RGB color space, hex #218fa2 is composed of 12.9% red, 56.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 11.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 188.8 degrees, a saturation of 66.2% and a lightness of 38.2%. #218fa2 color hex could be obtained by blending #42ffff with #001f45. Closest websafe color is: #339999.
-
- R 13
- G 56
- B 64
-
- C 80
- M 12
- Y 0
- K 36
● #218fa2 color description : Dark cyan.
#218fa2 Color Conversion
The hexadecimal color #218fa2 has RGB values of R:33, G:143, B:162 and CMYK values of C:0.8, M:0.12, Y:0, K:0.36. Its decimal value is 2199458.
Hex triplet | 218fa2 | #218fa2 |
---|---|---|
RGB Decimal | 33, 143, 162 | rgb(33,143,162) |
RGB Percent | 12.9, 56.1, 63.5 | rgb(12.9%,56.1%,63.5%) |
CMYK | 80, 12, 0, 36 | |
HSL | 188.8°, 66.2, 38.2 | hsl(188.8,66.2%,38.2%) |
HSV (or HSB) | 188.8°, 79.6, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.632, -22.905, -18.59 |
---|---|
XYZ | 16.969, 22.575, 37.644 |
xyY | 0.22, 0.292, 22.575 |
CIE-LCH | 54.632, 29.5, 219.063 |
CIE-LUV | 54.632, -37.617, -24.635 |
Hunter-Lab | 47.513, -19.397, -13.714 |
Binary | 00100001, 10001111, 10100010 |
Color Schemes with #218fa2
Alternatives to #218fa2
Below, you can see some colors close to #218fa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218fa2 Preview
This text has a font color of #218fa2.
<span style="color:#218fa2;">Text here</span>
This paragraph has a background color of #218fa2.
<p style="background-color:#218fa2;">Content here</p>
This element has a border color of #218fa2.
<div style="border:1px solid #218fa2;">Content here</div>
.text {color:#218fa2;}
.background {background-color:#218fa2;}
.border {border:1px solid #218fa2;}
Shades and Tints of #218fa2
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, #030e0f is the darkest color, while #feffff is the lightest one.
-
#030e0f
#030e0f
rgb(3,14,15)
-
#061c20
#061c20
rgb(6,28,32)
-
#0a2a30
#0a2a30
rgb(10,42,48)
-
#0d3940
#0d3940
rgb(13,57,64)
-
#104751
#104751
rgb(16,71,81)
-
#145561
#145561
rgb(20,85,97)
-
#176471
#176471
rgb(23,100,113)
-
#1a7281
#1a7281
rgb(26,114,129)
-
#1e8192
#1e8192
rgb(30,129,146)
-
#218fa2
#218fa2
rgb(33,143,162)
-
#249db2
#249db2
rgb(36,157,178)
-
#28acc3
#28acc3
rgb(40,172,195)
-
#2bbad3
#2bbad3
rgb(43,186,211)
-
#3ac0d7
#3ac0d7
rgb(58,192,215)
-
#4bc5da
#4bc5da
rgb(75,197,218)
-
#5bcade
#5bcade
rgb(91,202,222)
-
#6bd0e1
#6bd0e1
rgb(107,208,225)
-
#7cd5e4
#7cd5e4
rgb(124,213,228)
-
#8cdae8
#8cdae8
rgb(140,218,232)
-
#9cdfeb
#9cdfeb
rgb(156,223,235)
-
#ade5ee
#ade5ee
rgb(173,229,238)
-
#bdeaf2
#bdeaf2
rgb(189,234,242)
-
#cdeff5
#cdeff5
rgb(205,239,245)
-
#ddf4f8
#ddf4f8
rgb(221,244,248)
-
#eef9fb
#eef9fb
rgb(238,249,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #218fa2
A tone is produced by adding gray to any pure hue. In this case, #5d6566 is the less saturated color, while #03a4c0 is the most saturated one.
-
#5d6566
#5d6566
rgb(93,101,102)
-
#566a6e
#566a6e
rgb(86,106,110)
-
#4e6f75
#4e6f75
rgb(78,111,117)
-
#47757d
#47757d
rgb(71,117,125)
-
#3f7a84
#3f7a84
rgb(63,122,132)
-
#387f8c
#387f8c
rgb(56,127,140)
-
#308493
#308493
rgb(48,132,147)
-
#298a9b
#298a9b
rgb(41,138,155)
-
#218fa2
#218fa2
rgb(33,143,162)
-
#1a94aa
#1a94aa
rgb(26,148,170)
-
#129ab1
#129ab1
rgb(18,154,177)
-
#0b9fb9
#0b9fb9
rgb(11,159,185)
-
#03a4c0
#03a4c0
rgb(3,164,192)
Color Blindness Simulator
Below, you can see how #218fa2 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.