#220cd1 hex color

In a RGB color space, hex #220cd1 is composed of 13.3% red, 4.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 94.3% magenta, 0% yellow and 18% black. It has a hue angle of 246.7 degrees, a saturation of 89.1% and a lightness of 43.3%. #220cd1 color hex could be obtained by blending #4418ff with #0000a3. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 5
- B 82
RGB color chart
- C 84
- M 94
- Y 0
- K 18
CMYK color chart

● #220cd1 color description : Strong blue.

The hexadecimal color #220cd1 has RGB values of R:34, G:12, B:209 and CMYK values of C:0.84, M:0.94, Y:0, K:0.18. Its decimal value is 2231505.

Hex triplet	220cd1	`#220cd1`
RGB Decimal	34, 12, 209	`rgb(34,12,209)`
RGB Percent	13.3, 4.7, 82	`rgb(13.3%,4.7%,82%)`
CMYK	84, 94, 0, 18
HSL	246.7°, 89.1, 43.3	`hsl(246.7,89.1%,43.3%)`
HSV (or HSB)	246.7°, 94.3, 82
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.313, 66.196, -89.904
XYZ	12.298, 5.206, 60.675
xyY	0.157, 0.067, 5.206
CIE-LCH	27.313, 111.645, 306.364
CIE-LUV	27.313, -6.13, -105.223
Hunter-Lab	22.816, 56.282, -141.7
Binary	00100010, 00001100, 11010001

#220cd1
```
#220cd1 rgb(34,12,209)
```
#bbd10c
```
#bbd10c rgb(187,209,12)
```

Complementary Color

#0c59d1
```
#0c59d1 rgb(12,89,209)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#850cd1
```
#850cd1 rgb(133,12,209)
```

Analogous Color

#59d10c
```
#59d10c rgb(89,209,12)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#d1850c
```
#d1850c rgb(209,133,12)
```

Split Complementary Color

#0cd122
```
#0cd122 rgb(12,209,34)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#d1220c
```
#d1220c rgb(209,34,12)
```

Triadic Color

#0cbbd1
```
#0cbbd1 rgb(12,187,209)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#d1220c
```
#d1220c rgb(209,34,12)
```
#bbd10c
```
#bbd10c rgb(187,209,12)
```

Tetradic Color

#160889
```
#160889 rgb(22,8,137)
```
#1a09a1
```
#1a09a1 rgb(26,9,161)
```
#1e0bb9
```
#1e0bb9 rgb(30,11,185)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#260de9
```
#260de9 rgb(38,13,233)
```
#361ef2
```
#361ef2 rgb(54,30,242)
```
#4b36f3
```
#4b36f3 rgb(75,54,243)
```

Monochromatic Color

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

#0c27d1
```
#0c27d1 rgb(12,39,209)
```
#0c17d1
```
#0c17d1 rgb(12,23,209)
```
#120cd1
```
#120cd1 rgb(18,12,209)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#320cd1
```
#320cd1 rgb(50,12,209)
```
#430cd1
```
#430cd1 rgb(67,12,209)
```
#530cd1
```
#530cd1 rgb(83,12,209)
```

Similar Colors

Text with hexadecimal color #220cd1

This text has a font color of #220cd1.

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

#220cd1 background color

This paragraph has a background color of #220cd1.

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

#220cd1 border color

This element has a border color of #220cd1.

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

CSS codes

.text {color:#220cd1;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#040117
```
#040117 rgb(4,1,23)
```
#07022a
```
#07022a rgb(7,2,42)
```
#0a033d
```
#0a033d rgb(10,3,61)
```
#0d054f
```
#0d054f rgb(13,5,79)
```
#100662
```
#100662 rgb(16,6,98)
```
#130774
```
#130774 rgb(19,7,116)
```
#160887
```
#160887 rgb(22,8,135)
```
#190999
```
#190999 rgb(25,9,153)
```
#1c0aac
```
#1c0aac rgb(28,10,172)
```
#1f0bbe
```
#1f0bbe rgb(31,11,190)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#250de4
```
#250de4 rgb(37,13,228)
```

Shade Color Variation

#2c13f1
```
#2c13f1 rgb(44,19,241)
```
#3c25f3
```
#3c25f3 rgb(60,37,243)
```
#4d38f4
```
#4d38f4 rgb(77,56,244)
```
#5d4af5
```
#5d4af5 rgb(93,74,245)
```
#6e5df6
```
#6e5df6 rgb(110,93,246)
```
#7f70f7
```
#7f70f7 rgb(127,112,247)
```
#8f82f8
```
#8f82f8 rgb(143,130,248)
```
#a095f9
```
#a095f9 rgb(160,149,249)
```
#b0a7fa
```
#b0a7fa rgb(176,167,250)
```
#c1bafb
```
#c1bafb rgb(193,186,251)
```
#d2ccfc
```
#d2ccfc rgb(210,204,252)
```
#e2dffd
```
#e2dffd rgb(226,223,253)
```
#f3f1fe
```
#f3f1fe rgb(243,241,254)
```

Tint Color Variation

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

#6b6a74
```
#6b6a74 rgb(107,106,116)
```
#64617c
```
#64617c rgb(100,97,124)
```
#5d5985
```
#5d5985 rgb(93,89,133)
```
#57508d
```
#57508d rgb(87,80,141)
```
#504896
```
#504896 rgb(80,72,150)
```
#4a3f9e
```
#4a3f9e rgb(74,63,158)
```
#4337a7
```
#4337a7 rgb(67,55,167)
```
#3c2eaf
```
#3c2eaf rgb(60,46,175)
```
#3626b8
```
#3626b8 rgb(54,38,184)
```
#2f1dc0
```
#2f1dc0 rgb(47,29,192)
```
#2915c9
```
#2915c9 rgb(41,21,201)
```
#220cd1
```
#220cd1 rgb(34,12,209)
```
#1b04da
```
#1b04da rgb(27,4,218)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#28234b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#0c32a5 Protanomaly 1% of men, 0.01% of women
#0c3598 Deuteranomaly 6% of men, 0.4% of women
#0c3882 Tritanomaly 0.01% of the population

#220cd1 hex color

#220cd1 Color Information

#220cd1 Color Conversion

Color Schemes with #220cd1

Alternatives to #220cd1

#220cd1 Preview

Shades and Tints of #220cd1

Tones of #220cd1

Color Blindness Simulator