#220ac2 hex color

In a RGB color space, hex #220ac2 is composed of 13.3% red, 3.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 94.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 247.8 degrees, a saturation of 90.2% and a lightness of 40%. #220ac2 color hex could be obtained by blending #4414ff with #000085. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 13
- G 4
- B 76
RGB color chart
- C 82
- M 95
- Y 0
- K 24
CMYK color chart

● #220ac2 color description : Strong blue.

The hexadecimal color #220ac2 has RGB values of R:34, G:10, B:194 and CMYK values of C:0.82, M:0.95, Y:0, K:0.24. Its decimal value is 2230978.

Hex triplet	220ac2	`#220ac2`
RGB Decimal	34, 10, 194	`rgb(34,10,194)`
RGB Percent	13.3, 3.9, 76.1	`rgb(13.3%,3.9%,76.1%)`
CMYK	82, 95, 0, 24
HSL	247.8°, 90.2, 40	`hsl(247.8,90.2%,40%)`
HSV (or HSB)	247.8°, 94.8, 76.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	25.111, 62.739, -84.787
XYZ	10.504, 4.452, 51.342
xyY	0.158, 0.067, 4.452
CIE-LCH	25.111, 105.475, 306.5
CIE-LUV	25.111, -5.285, -96.343
Hunter-Lab	21.099, 51.944, -129.508
Binary	00100010, 00001010, 11000010

#220ac2
```
#220ac2 rgb(34,10,194)
```
#aac20a
```
#aac20a rgb(170,194,10)
```

Complementary Color

#0a4ec2
```
#0a4ec2 rgb(10,78,194)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#7e0ac2
```
#7e0ac2 rgb(126,10,194)
```

Analogous Color

#4ec20a
```
#4ec20a rgb(78,194,10)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#c27e0a
```
#c27e0a rgb(194,126,10)
```

Split Complementary Color

#0ac222
```
#0ac222 rgb(10,194,34)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#c2220a
```
#c2220a rgb(194,34,10)
```

Triadic Color

#0aaac2
```
#0aaac2 rgb(10,170,194)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#c2220a
```
#c2220a rgb(194,34,10)
```
#aac20a
```
#aac20a rgb(170,194,10)
```

Tetradic Color

#150679
```
#150679 rgb(21,6,121)
```
#1a0892
```
#1a0892 rgb(26,8,146)
```
#1e09aa
```
#1e09aa rgb(30,9,170)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#260bda
```
#260bda rgb(38,11,218)
```
#2b0df3
```
#2b0df3 rgb(43,13,243)
```
#4025f4
```
#4025f4 rgb(64,37,244)
```

Monochromatic Color

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

#0a20c2
```
#0a20c2 rgb(10,32,194)
```
#0a11c2
```
#0a11c2 rgb(10,17,194)
```
#130ac2
```
#130ac2 rgb(19,10,194)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#310ac2
```
#310ac2 rgb(49,10,194)
```
#410ac2
```
#410ac2 rgb(65,10,194)
```
#500ac2
```
#500ac2 rgb(80,10,194)
```

Similar Colors

Text with hexadecimal color #220ac2

This text has a font color of #220ac2.

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

#220ac2 background color

This paragraph has a background color of #220ac2.

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

#220ac2 border color

This element has a border color of #220ac2.

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

CSS codes

.text {color:#220ac2;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#05011a
```
#05011a rgb(5,1,26)
```
#08022d
```
#08022d rgb(8,2,45)
```
#0b033f
```
#0b033f rgb(11,3,63)
```
#0e0452
```
#0e0452 rgb(14,4,82)
```
#120565
```
#120565 rgb(18,5,101)
```
#150677
```
#150677 rgb(21,6,119)
```
#18078a
```
#18078a rgb(24,7,138)
```
#1b089d
```
#1b089d rgb(27,8,157)
```
#1f09af
```
#1f09af rgb(31,9,175)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#250bd5
```
#250bd5 rgb(37,11,213)
```
#290ce7
```
#290ce7 rgb(41,12,231)
```

Shade Color Variation

#3114f3
```
#3114f3 rgb(49,20,243)
```
#4127f4
```
#4127f4 rgb(65,39,244)
```
#5239f5
```
#5239f5 rgb(82,57,245)
```
#624cf6
```
#624cf6 rgb(98,76,246)
```
#725ff7
```
#725ff7 rgb(114,95,247)
```
#8371f8
```
#8371f8 rgb(131,113,248)
```
#9384f9
```
#9384f9 rgb(147,132,249)
```
#a397fa
```
#a397fa rgb(163,151,250)
```
#b4a9fb
```
#b4a9fb rgb(180,169,251)
```
#c4bcfc
```
#c4bcfc rgb(196,188,252)
```
#d5cffd
```
#d5cffd rgb(213,207,253)
```
#e5e1fd
```
#e5e1fd rgb(229,225,253)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

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

#62606c
```
#62606c rgb(98,96,108)
```
#5c5874
```
#5c5874 rgb(92,88,116)
```
#56517b
```
#56517b rgb(86,81,123)
```
#504983
```
#504983 rgb(80,73,131)
```
#4b418b
```
#4b418b rgb(75,65,139)
```
#453993
```
#453993 rgb(69,57,147)
```
#3f319b
```
#3f319b rgb(63,49,155)
```
#3929a3
```
#3929a3 rgb(57,41,163)
```
#3322aa
```
#3322aa rgb(51,34,170)
```
#2e1ab2
```
#2e1ab2 rgb(46,26,178)
```
#2812ba
```
#2812ba rgb(40,18,186)
```
#220ac2
```
#220ac2 rgb(34,10,194)
```
#1c02ca
```
#1c02ca rgb(28,2,202)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#252045 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#0c2e9a Protanomaly 1% of men, 0.01% of women
#0c318e Deuteranomaly 6% of men, 0.4% of women
#0c3479 Tritanomaly 0.01% of the population

#220ac2 hex color

#220ac2 Color Information

#220ac2 Color Conversion

Color Schemes with #220ac2

Alternatives to #220ac2

#220ac2 Preview

Shades and Tints of #220ac2

Tones of #220ac2

Color Blindness Simulator