#2218dd hex color

In a RGB color space, hex #2218dd is composed of 13.3% red, 9.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 89.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 243 degrees, a saturation of 80.4% and a lightness of 48%. #2218dd color hex could be obtained by blending #4430ff with #0000bb. Closest websafe color is: #3300cc.

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

● #2218dd color description : Vivid blue.

The hexadecimal color #2218dd has RGB values of R:34, G:24, B:221 and CMYK values of C:0.85, M:0.89, Y:0, K:0.13. Its decimal value is 2234589.

Hex triplet	2218dd	`#2218dd`
RGB Decimal	34, 24, 221	`rgb(34,24,221)`
RGB Percent	13.3, 9.4, 86.7	`rgb(13.3%,9.4%,86.7%)`
CMYK	85, 89, 0, 13
HSL	243°, 80.4, 48	`hsl(243,80.4%,48%)`
HSV (or HSB)	243°, 89.1, 86.7
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.943, 66.247, -92.461
XYZ	14.035, 6.213, 68.862
xyY	0.158, 0.07, 6.213
CIE-LCH	29.943, 113.744, 305.621
CIE-LUV	29.943, -7.375, -112.946
Hunter-Lab	24.926, 56.889, -146.354
Binary	00100010, 00011000, 11011101

#2218dd
```
#2218dd rgb(34,24,221)
```
#d3dd18
```
#d3dd18 rgb(211,221,24)
```

Complementary Color

#1871dd
```
#1871dd rgb(24,113,221)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#8518dd
```
#8518dd rgb(133,24,221)
```

Analogous Color

#71dd18
```
#71dd18 rgb(113,221,24)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#dd8518
```
#dd8518 rgb(221,133,24)
```

Split Complementary Color

#18dd22
```
#18dd22 rgb(24,221,34)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#dd2218
```
#dd2218 rgb(221,34,24)
```

Triadic Color

#18d3dd
```
#18d3dd rgb(24,211,221)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#dd2218
```
#dd2218 rgb(221,34,24)
```
#d3dd18
```
#d3dd18 rgb(211,221,24)
```

Tetradic Color

#171198
```
#171198 rgb(23,17,152)
```
#1b13af
```
#1b13af rgb(27,19,175)
```
#1e16c6
```
#1e16c6 rgb(30,22,198)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#3127e8
```
#3127e8 rgb(49,39,232)
```
#473eea
```
#473eea rgb(71,62,234)
```
#5d55ed
```
#5d55ed rgb(93,85,237)
```

Monochromatic Color

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

#183fdd
```
#183fdd rgb(24,63,221)
```
#182fdd
```
#182fdd rgb(24,47,221)
```
#181edd
```
#181edd rgb(24,30,221)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#3218dd
```
#3218dd rgb(50,24,221)
```
#4318dd
```
#4318dd rgb(67,24,221)
```
#5318dd
```
#5318dd rgb(83,24,221)
```

Similar Colors

Text with hexadecimal color #2218dd

This text has a font color of #2218dd.

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

#2218dd background color

This paragraph has a background color of #2218dd.

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

#2218dd border color

This element has a border color of #2218dd.

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

CSS codes

.text {color:#2218dd;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#04031a
```
#04031a rgb(4,3,26)
```
#07052c
```
#07052c rgb(7,5,44)
```
#0a073e
```
#0a073e rgb(10,7,62)
```
#0c094f
```
#0c094f rgb(12,9,79)
```
#0f0b61
```
#0f0b61 rgb(15,11,97)
```
#120c73
```
#120c73 rgb(18,12,115)
```
#140e85
```
#140e85 rgb(20,14,133)
```
#171096
```
#171096 rgb(23,16,150)
```
#1a12a8
```
#1a12a8 rgb(26,18,168)
```
#1d14ba
```
#1d14ba rgb(29,20,186)
```
#1f16cb
```
#1f16cb rgb(31,22,203)
```
#2218dd
```
#2218dd rgb(34,24,221)
```

Shade Color Variation

#2c22e7
```
#2c22e7 rgb(44,34,231)
```
#3d33e9
```
#3d33e9 rgb(61,51,233)
```
#4d45eb
```
#4d45eb rgb(77,69,235)
```
#5e57ed
```
#5e57ed rgb(94,87,237)
```
#6f68ef
```
#6f68ef rgb(111,104,239)
```
#807af1
```
#807af1 rgb(128,122,241)
```
#918cf2
```
#918cf2 rgb(145,140,242)
```
#a29ef4
```
#a29ef4 rgb(162,158,244)
```
#b3aff6
```
#b3aff6 rgb(179,175,246)
```
#c4c1f8
```
#c4c1f8 rgb(196,193,248)
```
#d5d3fa
```
#d5d3fa rgb(213,211,250)
```
#e5e4fc
```
#e5e4fc rgb(229,228,252)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77767f is the less saturated color, while #1105f0 is the most saturated one.

#77767f
```
#77767f rgb(119,118,127)
```
#6e6d88
```
#6e6d88 rgb(110,109,136)
```
#666392
```
#666392 rgb(102,99,146)
```
#5d5a9b
```
#5d5a9b rgb(93,90,155)
```
#5551a4
```
#5551a4 rgb(85,81,164)
```
#4c47ae
```
#4c47ae rgb(76,71,174)
```
#443eb7
```
#443eb7 rgb(68,62,183)
```
#3b34c1
```
#3b34c1 rgb(59,52,193)
```
#332bca
```
#332bca rgb(51,43,202)
```
#2a21d4
```
#2a21d4 rgb(42,33,212)
```
#2218dd
```
#2218dd rgb(34,24,221)
```
#1a0fe6
```
#1a0fe6 rgb(26,15,230)
```
#1105f0
```
#1105f0 rgb(17,5,240)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2e2c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585b Tritanopia 0.001% of the population

Trichromacy

#0c3ab0 Protanomaly 1% of men, 0.01% of women
#0c3da3 Deuteranomaly 6% of men, 0.4% of women
#0c408a Tritanomaly 0.01% of the population

#2218dd hex color

#2218dd Color Information

#2218dd Color Conversion

Color Schemes with #2218dd

Alternatives to #2218dd

#2218dd Preview

Shades and Tints of #2218dd

Tones of #2218dd

Color Blindness Simulator