#220ecc hex color

In a RGB color space, hex #220ecc is composed of 13.3% red, 5.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 93.1% magenta, 0% yellow and 20% black. It has a hue angle of 246.3 degrees, a saturation of 87.2% and a lightness of 42.7%. #220ecc color hex could be obtained by blending #441cff with #000099. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 5
- B 80
RGB color chart
- C 83
- M 93
- Y 0
- K 20
CMYK color chart

● #220ecc color description : Strong blue.

The hexadecimal color #220ecc has RGB values of R:34, G:14, B:204 and CMYK values of C:0.83, M:0.93, Y:0, K:0.2. Its decimal value is 2232012.

Hex triplet	220ecc	`#220ecc`
RGB Decimal	34, 14, 204	`rgb(34,14,204)`
RGB Percent	13.3, 5.5, 80	`rgb(13.3%,5.5%,80%)`
CMYK	83, 93, 0, 20
HSL	246.3°, 87.2, 42.7	`hsl(246.3,87.2%,42.7%)`
HSV (or HSB)	246.3°, 93.1, 80
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.772, 64.461, -87.89
XYZ	11.714, 5.013, 57.474
xyY	0.158, 0.068, 5.013
CIE-LCH	26.772, 108.994, 306.257
CIE-LUV	26.772, -5.974, -102.447
Hunter-Lab	22.39, 54.204, -136.523
Binary	00100010, 00001110, 11001100

#220ecc
```
#220ecc rgb(34,14,204)
```
#b8cc0e
```
#b8cc0e rgb(184,204,14)
```

Complementary Color

#0e59cc
```
#0e59cc rgb(14,89,204)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#810ecc
```
#810ecc rgb(129,14,204)
```

Analogous Color

#59cc0e
```
#59cc0e rgb(89,204,14)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#cc810e
```
#cc810e rgb(204,129,14)
```

Split Complementary Color

#0ecc22
```
#0ecc22 rgb(14,204,34)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#cc220e
```
#cc220e rgb(204,34,14)
```

Triadic Color

#0eb8cc
```
#0eb8cc rgb(14,184,204)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#cc220e
```
#cc220e rgb(204,34,14)
```
#b8cc0e
```
#b8cc0e rgb(184,204,14)
```

Tetradic Color

#160984
```
#160984 rgb(22,9,132)
```
#1a0b9c
```
#1a0b9c rgb(26,11,156)
```
#1e0cb4
```
#1e0cb4 rgb(30,12,180)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#2610e4
```
#2610e4 rgb(38,16,228)
```
#341df0
```
#341df0 rgb(52,29,240)
```
#4935f1
```
#4935f1 rgb(73,53,241)
```

Monochromatic Color

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

#0e2acc
```
#0e2acc rgb(14,42,204)
```
#0e1acc
```
#0e1acc rgb(14,26,204)
```
#120ecc
```
#120ecc rgb(18,14,204)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#320ecc
```
#320ecc rgb(50,14,204)
```
#420ecc
```
#420ecc rgb(66,14,204)
```
#510ecc
```
#510ecc rgb(81,14,204)
```

Similar Colors

Text with hexadecimal color #220ecc

This text has a font color of #220ecc.

<span style="color:#220ecc;">Text here</span>

#220ecc background color

This paragraph has a background color of #220ecc.

<p style="background-color:#220ecc;">Content here</p>

#220ecc border color

This element has a border color of #220ecc.

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

CSS codes

.text {color:#220ecc;}

.background {background-color:#220ecc;}

.border {border:1px solid #220ecc;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030114
```
#030114 rgb(3,1,20)
```
#060327
```
#060327 rgb(6,3,39)
```
#0a0439
```
#0a0439 rgb(10,4,57)
```
#0d054c
```
#0d054c rgb(13,5,76)
```
#10065e
```
#10065e rgb(16,6,94)
```
#130870
```
#130870 rgb(19,8,112)
```
#160983
```
#160983 rgb(22,9,131)
```
#190a95
```
#190a95 rgb(25,10,149)
```
#1c0ba7
```
#1c0ba7 rgb(28,11,167)
```
#1f0dba
```
#1f0dba rgb(31,13,186)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#250fde
```
#250fde rgb(37,15,222)
```

Shade Color Variation

#2a12ef
```
#2a12ef rgb(42,18,239)
```
#3a25f0
```
#3a25f0 rgb(58,37,240)
```
#4b37f1
```
#4b37f1 rgb(75,55,241)
```
#5b4af3
```
#5b4af3 rgb(91,74,243)
```
#6c5cf4
```
#6c5cf4 rgb(108,92,244)
```
#7c6ef5
```
#7c6ef5 rgb(124,110,245)
```
#8d81f6
```
#8d81f6 rgb(141,129,246)
```
#9e93f8
```
#9e93f8 rgb(158,147,248)
```
#aea5f9
```
#aea5f9 rgb(174,165,249)
```
#bfb8fa
```
#bfb8fa rgb(191,184,250)
```
#cfcafb
```
#cfcafb rgb(207,202,251)
```
#e0dcfd
```
#e0dcfd rgb(224,220,253)
```
#f0effe
```
#f0effe rgb(240,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6a70 is the less saturated color, while #1b06d4 is the most saturated one.

#6b6a70
```
#6b6a70 rgb(107,106,112)
```
#646278
```
#646278 rgb(100,98,120)
```
#5e5981
```
#5e5981 rgb(94,89,129)
```
#575189
```
#575189 rgb(87,81,137)
```
#504991
```
#504991 rgb(80,73,145)
```
#4a409a
```
#4a409a rgb(74,64,154)
```
#4338a2
```
#4338a2 rgb(67,56,162)
```
#3c30aa
```
#3c30aa rgb(60,48,170)
```
#3627b3
```
#3627b3 rgb(54,39,179)
```
#2f1fbb
```
#2f1fbb rgb(47,31,187)
```
#2916c4
```
#2916c4 rgb(41,22,196)
```
#220ecc
```
#220ecc rgb(34,14,204)
```
#1b06d4
```
#1b06d4 rgb(27,6,212)
```

Tone Color Variation

Below, you can see how #220ecc 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

#2a2a2a Achromatopsia 0.005% of the population
#28244a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478a Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005053 Tritanopia 0.001% of the population

Trichromacy

#0c32a2 Protanomaly 1% of men, 0.01% of women
#0c3595 Deuteranomaly 6% of men, 0.4% of women
#0c387f Tritanomaly 0.01% of the population

#220ecc hex color

#220ecc Color Information

#220ecc Color Conversion

Color Schemes with #220ecc

Alternatives to #220ecc

#220ecc Preview

Shades and Tints of #220ecc

Tones of #220ecc

Color Blindness Simulator