#218ccc Color Information
In a RGB color space, hex #218ccc is composed of 12.9% red, 54.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 31.4% magenta, 0% yellow and 20% black. It has a hue angle of 202.5 degrees, a saturation of 72.2% and a lightness of 46.5%. #218ccc color hex could be obtained by blending #42ffff with #001999. Closest websafe color is: #3399cc.
-
- R 13
- G 55
- B 80
-
- C 84
- M 31
- Y 0
- K 20
● #218ccc color description : Strong blue.
#218ccc Color Conversion
The hexadecimal color #218ccc has RGB values of R:33, G:140, B:204 and CMYK values of C:0.84, M:0.31, Y:0, K:0.2. Its decimal value is 2198732.
Hex triplet | 218ccc | #218ccc |
---|---|---|
RGB Decimal | 33, 140, 204 | rgb(33,140,204) |
RGB Percent | 12.9, 54.9, 80 | rgb(12.9%,54.9%,80%) |
CMYK | 84, 31, 0, 20 | |
HSL | 202.5°, 72.2, 46.5 | hsl(202.5,72.2%,46.5%) |
HSV (or HSB) | 202.5°, 83.8, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.52, -6.477, -41.154 |
---|---|
XYZ | 20.902, 23.437, 60.546 |
xyY | 0.199, 0.223, 23.437 |
CIE-LCH | 55.52, 41.66, 261.056 |
CIE-LUV | 55.52, -33.888, -63.265 |
Hunter-Lab | 48.412, -7.654, -40.262 |
Binary | 00100001, 10001100, 11001100 |
Color Schemes with #218ccc
Alternatives to #218ccc
Below, you can see some colors close to #218ccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#218ccc Preview
This text has a font color of #218ccc.
<span style="color:#218ccc;">Text here</span>
This paragraph has a background color of #218ccc.
<p style="background-color:#218ccc;">Content here</p>
This element has a border color of #218ccc.
<div style="border:1px solid #218ccc;">Content here</div>
.text {color:#218ccc;}
.background {background-color:#218ccc;}
.border {border:1px solid #218ccc;}
Shades and Tints of #218ccc
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, #000101 is the darkest color, while #f0f8fc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030d12
#030d12
rgb(3,13,18)
-
#061823
#061823
rgb(6,24,35)
-
#082434
#082434
rgb(8,36,52)
-
#0b2f45
#0b2f45
rgb(11,47,69)
-
#0e3b56
#0e3b56
rgb(14,59,86)
-
#114667
#114667
rgb(17,70,103)
-
#135278
#135278
rgb(19,82,120)
-
#165e88
#165e88
rgb(22,94,136)
-
#196999
#196999
rgb(25,105,153)
-
#1c75aa
#1c75aa
rgb(28,117,170)
-
#1e80bb
#1e80bb
rgb(30,128,187)
-
#218ccc
#218ccc
rgb(33,140,204)
-
#2597dc
#2597dc
rgb(37,151,220)
-
#369fde
#369fde
rgb(54,159,222)
-
#47a7e1
#47a7e1
rgb(71,167,225)
-
#58afe4
#58afe4
rgb(88,175,228)
-
#68b7e7
#68b7e7
rgb(104,183,231)
-
#79bfe9
#79bfe9
rgb(121,191,233)
-
#8ac7ec
#8ac7ec
rgb(138,199,236)
-
#9bcfef
#9bcfef
rgb(155,207,239)
-
#acd8f2
#acd8f2
rgb(172,216,242)
-
#bde0f4
#bde0f4
rgb(189,224,244)
-
#cee8f7
#cee8f7
rgb(206,232,247)
-
#dff0fa
#dff0fa
rgb(223,240,250)
-
#f0f8fc
#f0f8fc
rgb(240,248,252)
Tones of #218ccc
A tone is produced by adding gray to any pure hue. In this case, #73777a is the less saturated color, while #0693e7 is the most saturated one.
-
#73777a
#73777a
rgb(115,119,122)
-
#6a7a83
#6a7a83
rgb(106,122,131)
-
#617c8c
#617c8c
rgb(97,124,140)
-
#587e95
#587e95
rgb(88,126,149)
-
#4f819e
#4f819e
rgb(79,129,158)
-
#4583a8
#4583a8
rgb(69,131,168)
-
#3c85b1
#3c85b1
rgb(60,133,177)
-
#3387ba
#3387ba
rgb(51,135,186)
-
#2a8ac3
#2a8ac3
rgb(42,138,195)
-
#218ccc
#218ccc
rgb(33,140,204)
-
#188ed5
#188ed5
rgb(24,142,213)
-
#0f91de
#0f91de
rgb(15,145,222)
-
#0693e7
#0693e7
rgb(6,147,231)
Color Blindness Simulator
Below, you can see how #218ccc 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.