#2218dc hex color

In a RGB color space, hex #2218dc is composed of 13.3% red, 9.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 89.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 243.1 degrees, a saturation of 80.3% and a lightness of 47.8%. #2218dc color hex could be obtained by blending #4430ff with #0000b9. Closest websafe color is: #3300cc.

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

● #2218dc color description : Vivid blue.

The hexadecimal color #2218dc has RGB values of R:34, G:24, B:220 and CMYK values of C:0.85, M:0.89, Y:0, K:0.14. Its decimal value is 2234588.

Hex triplet	2218dc	`#2218dc`
RGB Decimal	34, 24, 220	`rgb(34,24,220)`
RGB Percent	13.3, 9.4, 86.3	`rgb(13.3%,9.4%,86.3%)`
CMYK	85, 89, 0, 14
HSL	243.1°, 80.3, 47.8	`hsl(243.1,80.3%,47.8%)`
HSV (or HSB)	243.1°, 89.1, 86.3
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.812, 65.976, -92.104
XYZ	13.902, 6.16, 68.162
xyY	0.158, 0.07, 6.16
CIE-LCH	29.812, 113.296, 305.615
CIE-LUV	29.812, -7.329, -112.374
Hunter-Lab	24.819, 56.553, -145.462
Binary	00100010, 00011000, 11011100

#2218dc
```
#2218dc rgb(34,24,220)
```
#d2dc18
```
#d2dc18 rgb(210,220,24)
```

Complementary Color

#1870dc
```
#1870dc rgb(24,112,220)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#8418dc
```
#8418dc rgb(132,24,220)
```

Analogous Color

#70dc18
```
#70dc18 rgb(112,220,24)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#dc8418
```
#dc8418 rgb(220,132,24)
```

Split Complementary Color

#18dc22
```
#18dc22 rgb(24,220,34)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#dc2218
```
#dc2218 rgb(220,34,24)
```

Triadic Color

#18d2dc
```
#18d2dc rgb(24,210,220)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#dc2218
```
#dc2218 rgb(220,34,24)
```
#d2dc18
```
#d2dc18 rgb(210,220,24)
```

Tetradic Color

#171097
```
#171097 rgb(23,16,151)
```
#1b13ae
```
#1b13ae rgb(27,19,174)
```
#1e15c5
```
#1e15c5 rgb(30,21,197)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#3026e7
```
#3026e7 rgb(48,38,231)
```
#463dea
```
#463dea rgb(70,61,234)
```
#5c54ec
```
#5c54ec rgb(92,84,236)
```

Monochromatic Color

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

#183fdc
```
#183fdc rgb(24,63,220)
```
#182fdc
```
#182fdc rgb(24,47,220)
```
#181edc
```
#181edc rgb(24,30,220)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#3218dc
```
#3218dc rgb(50,24,220)
```
#4318dc
```
#4318dc rgb(67,24,220)
```
#5318dc
```
#5318dc rgb(83,24,220)
```

Similar Colors

Text with hexadecimal color #2218dc

This text has a font color of #2218dc.

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

#2218dc background color

This paragraph has a background color of #2218dc.

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

#2218dc border color

This element has a border color of #2218dc.

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

CSS codes

.text {color:#2218dc;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#040319
```
#040319 rgb(4,3,25)
```
#07052b
```
#07052b rgb(7,5,43)
```
#09073d
```
#09073d rgb(9,7,61)
```
#0c094f
```
#0c094f rgb(12,9,79)
```
#0f0a60
```
#0f0a60 rgb(15,10,96)
```
#120c72
```
#120c72 rgb(18,12,114)
```
#140e84
```
#140e84 rgb(20,14,132)
```
#171095
```
#171095 rgb(23,16,149)
```
#1a12a7
```
#1a12a7 rgb(26,18,167)
```
#1d14b9
```
#1d14b9 rgb(29,20,185)
```
#1f16ca
```
#1f16ca rgb(31,22,202)
```
#2218dc
```
#2218dc rgb(34,24,220)
```

Shade Color Variation

#2b21e7
```
#2b21e7 rgb(43,33,231)
```
#3c33e9
```
#3c33e9 rgb(60,51,233)
```
#4d44eb
```
#4d44eb rgb(77,68,235)
```
#5e56ed
```
#5e56ed rgb(94,86,237)
```
#6e68ee
```
#6e68ee rgb(110,104,238)
```
#7f79f0
```
#7f79f0 rgb(127,121,240)
```
#908bf2
```
#908bf2 rgb(144,139,242)
```
#a19df4
```
#a19df4 rgb(161,157,244)
```
#b2aef6
```
#b2aef6 rgb(178,174,246)
```
#c3c0f8
```
#c3c0f8 rgb(195,192,248)
```
#d4d2fa
```
#d4d2fa rgb(212,210,250)
```
#e5e3fc
```
#e5e3fc rgb(229,227,252)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#76767e
```
#76767e rgb(118,118,126)
```
#6e6c88
```
#6e6c88 rgb(110,108,136)
```
#656391
```
#656391 rgb(101,99,145)
```
#5d5a9a
```
#5d5a9a rgb(93,90,154)
```
#5550a4
```
#5550a4 rgb(85,80,164)
```
#4c47ad
```
#4c47ad rgb(76,71,173)
```
#443eb6
```
#443eb6 rgb(68,62,182)
```
#3b34c0
```
#3b34c0 rgb(59,52,192)
```
#332bc9
```
#332bc9 rgb(51,43,201)
```
#2a21d3
```
#2a21d3 rgb(42,33,211)
```
#2218dc
```
#2218dc rgb(34,24,220)
```
#1a0fe5
```
#1a0fe5 rgb(26,15,229)
```
#1105ef
```
#1105ef rgb(17,5,239)
```

Tone Color Variation

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

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

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

#2218dc hex color

#2218dc Color Information

#2218dc Color Conversion

Color Schemes with #2218dc

Alternatives to #2218dc

#2218dc Preview

Shades and Tints of #2218dc

Tones of #2218dc

Color Blindness Simulator