#220ecd hex color

In a RGB color space, hex #220ecd is composed of 13.3% red, 5.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 93.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 246.3 degrees, a saturation of 87.2% and a lightness of 42.9%. #220ecd color hex could be obtained by blending #441cff with #00009b. 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

● #220ecd color description : Strong blue.

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

Hex triplet	220ecd	`#220ecd`
RGB Decimal	34, 14, 205	`rgb(34,14,205)`
RGB Percent	13.3, 5.5, 80.4	`rgb(13.3%,5.5%,80.4%)`
CMYK	83, 93, 0, 20
HSL	246.3°, 87.2, 42.9	`hsl(246.3,87.2%,42.9%)`
HSV (or HSB)	246.3°, 93.2, 80.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.908, 64.722, -88.246
XYZ	11.834, 5.061, 58.107
xyY	0.158, 0.067, 5.061
CIE-LCH	26.908, 109.436, 306.257
CIE-LUV	26.908, -6.023, -103.028
Hunter-Lab	22.497, 54.526, -137.392
Binary	00100010, 00001110, 11001101

#220ecd
```
#220ecd rgb(34,14,205)
```
#b9cd0e
```
#b9cd0e rgb(185,205,14)
```

Complementary Color

#0e5acd
```
#0e5acd rgb(14,90,205)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#820ecd
```
#820ecd rgb(130,14,205)
```

Analogous Color

#5acd0e
```
#5acd0e rgb(90,205,14)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#cd820e
```
#cd820e rgb(205,130,14)
```

Split Complementary Color

#0ecd22
```
#0ecd22 rgb(14,205,34)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#cd220e
```
#cd220e rgb(205,34,14)
```

Triadic Color

#0eb9cd
```
#0eb9cd rgb(14,185,205)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#cd220e
```
#cd220e rgb(205,34,14)
```
#b9cd0e
```
#b9cd0e rgb(185,205,14)
```

Tetradic Color

#160985
```
#160985 rgb(22,9,133)
```
#1a0b9d
```
#1a0b9d rgb(26,11,157)
```
#1e0cb5
```
#1e0cb5 rgb(30,12,181)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#2610e5
```
#2610e5 rgb(38,16,229)
```
#341ef0
```
#341ef0 rgb(52,30,240)
```
#4a36f1
```
#4a36f1 rgb(74,54,241)
```

Monochromatic Color

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

#0e2acd
```
#0e2acd rgb(14,42,205)
```
#0e1acd
```
#0e1acd rgb(14,26,205)
```
#120ecd
```
#120ecd rgb(18,14,205)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#320ecd
```
#320ecd rgb(50,14,205)
```
#420ecd
```
#420ecd rgb(66,14,205)
```
#520ecd
```
#520ecd rgb(82,14,205)
```

Similar Colors

Text with hexadecimal color #220ecd

This text has a font color of #220ecd.

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

#220ecd background color

This paragraph has a background color of #220ecd.

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

#220ecd border color

This element has a border color of #220ecd.

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

CSS codes

.text {color:#220ecd;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#040115
```
#040115 rgb(4,1,21)
```
#070328
```
#070328 rgb(7,3,40)
```
#0a043a
```
#0a043a rgb(10,4,58)
```
#0d054c
```
#0d054c rgb(13,5,76)
```
#10065f
```
#10065f rgb(16,6,95)
```
#130871
```
#130871 rgb(19,8,113)
```
#160984
```
#160984 rgb(22,9,132)
```
#190a96
```
#190a96 rgb(25,10,150)
```
#1c0ba8
```
#1c0ba8 rgb(28,11,168)
```
#1f0dbb
```
#1f0dbb rgb(31,13,187)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#250fdf
```
#250fdf rgb(37,15,223)
```

Shade Color Variation

#2a13ef
```
#2a13ef rgb(42,19,239)
```
#3b26f0
```
#3b26f0 rgb(59,38,240)
```
#4b38f1
```
#4b38f1 rgb(75,56,241)
```
#5c4af3
```
#5c4af3 rgb(92,74,243)
```
#6d5df4
```
#6d5df4 rgb(109,93,244)
```
#7d6ff5
```
#7d6ff5 rgb(125,111,245)
```
#8e81f6
```
#8e81f6 rgb(142,129,246)
```
#9e94f8
```
#9e94f8 rgb(158,148,248)
```
#afa6f9
```
#afa6f9 rgb(175,166,249)
```
#bfb9fa
```
#bfb9fa rgb(191,185,250)
```
#d0cbfb
```
#d0cbfb rgb(208,203,251)
```
#e1ddfd
```
#e1ddfd rgb(225,221,253)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#6b6b70
```
#6b6b70 rgb(107,107,112)
```
#656279
```
#656279 rgb(101,98,121)
```
#5e5a81
```
#5e5a81 rgb(94,90,129)
```
#57518a
```
#57518a rgb(87,81,138)
```
#514992
```
#514992 rgb(81,73,146)
```
#4a419a
```
#4a419a rgb(74,65,154)
```
#4338a3
```
#4338a3 rgb(67,56,163)
```
#3d30ab
```
#3d30ab rgb(61,48,171)
```
#3627b4
```
#3627b4 rgb(54,39,180)
```
#2f1fbc
```
#2f1fbc rgb(47,31,188)
```
#2916c5
```
#2916c5 rgb(41,22,197)
```
#220ecd
```
#220ecd rgb(34,14,205)
```
#1b06d5
```
#1b06d5 rgb(27,6,213)
```

Tone Color Variation

Below, you can see how #220ecd 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
#28244b Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#220ecd hex color

#220ecd Color Information

#220ecd Color Conversion

Color Schemes with #220ecd

Alternatives to #220ecd

#220ecd Preview

Shades and Tints of #220ecd

Tones of #220ecd

Color Blindness Simulator