#4220c5 hex color

In a RGB color space, hex #4220c5 is composed of 25.9% red, 12.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 83.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 252.4 degrees, a saturation of 72.1% and a lightness of 44.9%. #4220c5 color hex could be obtained by blending #8440ff with #00008b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 26
- G 13
- B 77
RGB color chart
- C 66
- M 84
- Y 0
- K 23
CMYK color chart

● #4220c5 color description : Strong blue.

The hexadecimal color #4220c5 has RGB values of R:66, G:32, B:197 and CMYK values of C:0.66, M:0.84, Y:0, K:0.23. Its decimal value is 4333765.

Hex triplet	4220c5	`#4220c5`
RGB Decimal	66, 32, 197	`rgb(66,32,197)`
RGB Percent	25.9, 12.5, 77.3	`rgb(25.9%,12.5%,77.3%)`
CMYK	66, 84, 0, 23
HSL	252.4°, 72.1, 44.9	`hsl(252.4,72.1%,44.9%)`
HSV (or HSB)	252.4°, 83.8, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.966, 58.422, -78.416
XYZ	12.839, 6.222, 53.345
xyY	0.177, 0.086, 6.222
CIE-LCH	29.966, 97.787, 306.687
CIE-LUV	29.966, -1.914, -100.497
Hunter-Lab	24.944, 48.228, -109.336
Binary	01000010, 00100000, 11000101

#4220c5
```
#4220c5 rgb(66,32,197)
```
#a3c520
```
#a3c520 rgb(163,197,32)
```

Complementary Color

#2051c5
```
#2051c5 rgb(32,81,197)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#9520c5
```
#9520c5 rgb(149,32,197)
```

Analogous Color

#51c520
```
#51c520 rgb(81,197,32)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#c59520
```
#c59520 rgb(197,149,32)
```

Split Complementary Color

#20c542
```
#20c542 rgb(32,197,66)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#c54220
```
#c54220 rgb(197,66,32)
```

Triadic Color

#20a3c5
```
#20a3c5 rgb(32,163,197)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#c54220
```
#c54220 rgb(197,66,32)
```
#a3c520
```
#a3c520 rgb(163,197,32)
```

Tetradic Color

#2c1583
```
#2c1583 rgb(44,21,131)
```
#331999
```
#331999 rgb(51,25,153)
```
#3b1caf
```
#3b1caf rgb(59,28,175)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#4924db
```
#4924db rgb(73,36,219)
```
#5b39df
```
#5b39df rgb(91,57,223)
```
#6d4fe2
```
#6d4fe2 rgb(109,79,226)
```

Monochromatic Color

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

#2027c5
```
#2027c5 rgb(32,39,197)
```
#2720c5
```
#2720c5 rgb(39,32,197)
```
#3420c5
```
#3420c5 rgb(52,32,197)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#5020c5
```
#5020c5 rgb(80,32,197)
```
#5e20c5
```
#5e20c5 rgb(94,32,197)
```
#6b20c5
```
#6b20c5 rgb(107,32,197)
```

Similar Colors

Text with hexadecimal color #4220c5

This text has a font color of #4220c5.

<span style="color:#4220c5;">Text here</span>

#4220c5 background color

This paragraph has a background color of #4220c5.

<p style="background-color:#4220c5;">Content here</p>

#4220c5 border color

This element has a border color of #4220c5.

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

CSS codes

.text {color:#4220c5;}

.background {background-color:#4220c5;}

.border {border:1px solid #4220c5;}

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, #04020b is the darkest color, while #fafafe is the lightest one.

#04020b
```
#04020b rgb(4,2,11)
```
#09051c
```
#09051c rgb(9,5,28)
```
#0f072d
```
#0f072d rgb(15,7,45)
```
#150a3e
```
#150a3e rgb(21,10,62)
```
#1a0d4f
```
#1a0d4f rgb(26,13,79)
```
#201060
```
#201060 rgb(32,16,96)
```
#261271
```
#261271 rgb(38,18,113)
```
#2b1582
```
#2b1582 rgb(43,21,130)
```
#311892
```
#311892 rgb(49,24,146)
```
#371ba3
```
#371ba3 rgb(55,27,163)
```
#3c1db4
```
#3c1db4 rgb(60,29,180)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#4823d6
```
#4823d6 rgb(72,35,214)
```

Shade Color Variation

#532fdd
```
#532fdd rgb(83,47,221)
```
#6140e0
```
#6140e0 rgb(97,64,224)
```
#6f51e3
```
#6f51e3 rgb(111,81,227)
```
#7d62e5
```
#7d62e5 rgb(125,98,229)
```
#8b73e8
```
#8b73e8 rgb(139,115,232)
```
#9983eb
```
#9983eb rgb(153,131,235)
```
#a794ee
```
#a794ee rgb(167,148,238)
```
#b5a5f0
```
#b5a5f0 rgb(181,165,240)
```
#c3b6f3
```
#c3b6f3 rgb(195,182,243)
```
#d1c7f6
```
#d1c7f6 rgb(209,199,246)
```
#dfd8f9
```
#dfd8f9 rgb(223,216,249)
```
#ece9fb
```
#ece9fb rgb(236,233,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716f76 is the less saturated color, while #3206df is the most saturated one.

#716f76
```
#716f76 rgb(113,111,118)
```
#6b667f
```
#6b667f rgb(107,102,127)
```
#665e87
```
#665e87 rgb(102,94,135)
```
#615590
```
#615590 rgb(97,85,144)
```
#5c4c99
```
#5c4c99 rgb(92,76,153)
```
#5743a2
```
#5743a2 rgb(87,67,162)
```
#523aab
```
#523aab rgb(82,58,171)
```
#4c32b3
```
#4c32b3 rgb(76,50,179)
```
#4729bc
```
#4729bc rgb(71,41,188)
```
#4220c5
```
#4220c5 rgb(66,32,197)
```
#3d17ce
```
#3d17ce rgb(61,23,206)
```
#380ed7
```
#380ed7 rgb(56,14,215)
```
#3206df
```
#3206df rgb(50,6,223)
```

Tone Color Variation

Below, you can see how #4220c5 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

#3d3d3d Achromatopsia 0.005% of the population
#3e3758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#183da7 Protanomaly 1% of men, 0.01% of women
#18409a Deuteranomaly 6% of men, 0.4% of women
#184382 Tritanomaly 0.01% of the population

#4220c5 hex color

#4220c5 Color Information

#4220c5 Color Conversion

Color Schemes with #4220c5

Alternatives to #4220c5

#4220c5 Preview

Shades and Tints of #4220c5

Tones of #4220c5

Color Blindness Simulator