#2218d4 hex color

In a RGB color space, hex #2218d4 is composed of 13.3% red, 9.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 88.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 243.2 degrees, a saturation of 79.7% and a lightness of 46.3%. #2218d4 color hex could be obtained by blending #4430ff with #0000a9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 9
- B 83
RGB color chart
- C 84
- M 89
- Y 0
- K 17
CMYK color chart

● #2218d4 color description : Strong blue.

The hexadecimal color #2218d4 has RGB values of R:34, G:24, B:212 and CMYK values of C:0.84, M:0.89, Y:0, K:0.17. Its decimal value is 2234580.

Hex triplet	2218d4	`#2218d4`
RGB Decimal	34, 24, 212	`rgb(34,24,212)`
RGB Percent	13.3, 9.4, 83.1	`rgb(13.3%,9.4%,83.1%)`
CMYK	84, 89, 0, 17
HSL	243.2°, 79.7, 46.3	`hsl(243.2,79.7%,46.3%)`
HSV (or HSB)	243.2°, 88.7, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	28.762, 63.798, -89.229
XYZ	12.868, 5.746, 62.715
xyY	0.158, 0.071, 5.746
CIE-LCH	28.762, 109.69, 305.564
CIE-LUV	28.762, -6.964, -107.789
Hunter-Lab	23.971, 53.872, -138.342
Binary	00100010, 00011000, 11010100

#2218d4
```
#2218d4 rgb(34,24,212)
```
#cad418
```
#cad418 rgb(202,212,24)
```

Complementary Color

#186cd4
```
#186cd4 rgb(24,108,212)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#8018d4
```
#8018d4 rgb(128,24,212)
```

Analogous Color

#6cd418
```
#6cd418 rgb(108,212,24)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#d48018
```
#d48018 rgb(212,128,24)
```

Split Complementary Color

#18d422
```
#18d422 rgb(24,212,34)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#d42218
```
#d42218 rgb(212,34,24)
```

Triadic Color

#18cad4
```
#18cad4 rgb(24,202,212)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#d42218
```
#d42218 rgb(212,34,24)
```
#cad418
```
#cad418 rgb(202,212,24)
```

Tetradic Color

#17108f
```
#17108f rgb(23,16,143)
```
#1b13a6
```
#1b13a6 rgb(27,19,166)
```
#1e15bd
```
#1e15bd rgb(30,21,189)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#2a20e6
```
#2a20e6 rgb(42,32,230)
```
#4037e8
```
#4037e8 rgb(64,55,232)
```
#564eeb
```
#564eeb rgb(86,78,235)
```

Monochromatic Color

Below, you can see some colors close to #2218d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#183dd4
```
#183dd4 rgb(24,61,212)
```
#182dd4
```
#182dd4 rgb(24,45,212)
```
#181ed4
```
#181ed4 rgb(24,30,212)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#3218d4
```
#3218d4 rgb(50,24,212)
```
#4118d4
```
#4118d4 rgb(65,24,212)
```
#5118d4
```
#5118d4 rgb(81,24,212)
```

Similar Colors

Text with hexadecimal color #2218d4

This text has a font color of #2218d4.

<span style="color:#2218d4;">Text here</span>

#2218d4 background color

This paragraph has a background color of #2218d4.

<p style="background-color:#2218d4;">Content here</p>

#2218d4 border color

This element has a border color of #2218d4.

<div style="border:1px solid #2218d4;">Content here</div>

CSS codes

.text {color:#2218d4;}

.background {background-color:#2218d4;}

.border {border:1px solid #2218d4;}

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, #000001 is the darkest color, while #efeefd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030212
```
#030212 rgb(3,2,18)
```
#060424
```
#060424 rgb(6,4,36)
```
#090635
```
#090635 rgb(9,6,53)
```
#0b0847
```
#0b0847 rgb(11,8,71)
```
#0e0a59
```
#0e0a59 rgb(14,10,89)
```
#110c6a
```
#110c6a rgb(17,12,106)
```
#140e7c
```
#140e7c rgb(20,14,124)
```
#17108e
```
#17108e rgb(23,16,142)
```
#1a129f
```
#1a129f rgb(26,18,159)
```
#1c14b1
```
#1c14b1 rgb(28,20,177)
```
#1f16c2
```
#1f16c2 rgb(31,22,194)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```

Shade Color Variation

#251ae5
```
#251ae5 rgb(37,26,229)
```
#362ce7
```
#362ce7 rgb(54,44,231)
```
#473ee9
```
#473ee9 rgb(71,62,233)
```
#584feb
```
#584feb rgb(88,79,235)
```
#6861ed
```
#6861ed rgb(104,97,237)
```
#7973ef
```
#7973ef rgb(121,115,239)
```
#8a84f1
```
#8a84f1 rgb(138,132,241)
```
#9b96f3
```
#9b96f3 rgb(155,150,243)
```
#aca7f5
```
#aca7f5 rgb(172,167,245)
```
#bcb9f7
```
#bcb9f7 rgb(188,185,247)
```
#cdcbf9
```
#cdcbf9 rgb(205,203,249)
```
#dedcfb
```
#dedcfb rgb(222,220,251)
```
#efeefd
```
#efeefd rgb(239,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737379 is the less saturated color, while #1206e6 is the most saturated one.

#737379
```
#737379 rgb(115,115,121)
```
#6b6a82
```
#6b6a82 rgb(107,106,130)
```
#63618b
```
#63618b rgb(99,97,139)
```
#5b5894
```
#5b5894 rgb(91,88,148)
```
#534e9e
```
#534e9e rgb(83,78,158)
```
#4b45a7
```
#4b45a7 rgb(75,69,167)
```
#423cb0
```
#423cb0 rgb(66,60,176)
```
#3a33b9
```
#3a33b9 rgb(58,51,185)
```
#322ac2
```
#322ac2 rgb(50,42,194)
```
#2a21cb
```
#2a21cb rgb(42,33,203)
```
#2218d4
```
#2218d4 rgb(34,24,212)
```
#1a0fdd
```
#1a0fdd rgb(26,15,221)
```
#1206e6
```
#1206e6 rgb(18,6,230)
```

Tone Color Variation

Below, you can see how #2218d4 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.

Monochromacy

#303030 Achromatopsia 0.005% of the population
#2d2b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7e Deuteranopia 1% of men
#005558 Tritanopia 0.001% of the population

Trichromacy

#0c38aa Protanomaly 1% of men, 0.01% of women
#0c3b9d Deuteranomaly 6% of men, 0.4% of women
#0c3f85 Tritanomaly 0.01% of the population

#2218d4 hex color

#2218d4 Color Information

#2218d4 Color Conversion

Color Schemes with #2218d4

Alternatives to #2218d4

#2218d4 Preview

Shades and Tints of #2218d4

Tones of #2218d4

Color Blindness Simulator