#4220f5 hex color

In a RGB color space, hex #4220f5 is composed of 25.9% red, 12.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 86.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 249.6 degrees, a saturation of 91.4% and a lightness of 54.3%. #4220f5 color hex could be obtained by blending #8440ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 26
- G 13
- B 96
RGB color chart
- C 73
- M 87
- Y 0
- K 4
CMYK color chart

● #4220f5 color description : Vivid blue.

The hexadecimal color #4220f5 has RGB values of R:66, G:32, B:245 and CMYK values of C:0.73, M:0.87, Y:0, K:0.04. Its decimal value is 4333813.

Hex triplet	4220f5	`#4220f5`
RGB Decimal	66, 32, 245	`rgb(66,32,245)`
RGB Percent	25.9, 12.5, 96.1	`rgb(25.9%,12.5%,96.1%)`
CMYK	73, 87, 0, 4
HSL	249.6°, 91.4, 54.3	`hsl(249.6,91.4%,54.3%)`
HSV (or HSB)	249.6°, 86.9, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.563, 71.334, -96.731
XYZ	19.242, 8.783, 87.062
xyY	0.167, 0.076, 8.783
CIE-LCH	35.563, 120.189, 306.407
CIE-LUV	35.563, -5.135, -127.857
Hunter-Lab	29.636, 64.032, -153.434
Binary	01000010, 00100000, 11110101

#4220f5
```
#4220f5 rgb(66,32,245)
```
#d3f520
```
#d3f520 rgb(211,245,32)
```

Complementary Color

#2069f5
```
#2069f5 rgb(32,105,245)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#ad20f5
```
#ad20f5 rgb(173,32,245)
```

Analogous Color

#69f520
```
#69f520 rgb(105,245,32)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#f5ad20
```
#f5ad20 rgb(245,173,32)
```

Split Complementary Color

#20f542
```
#20f542 rgb(32,245,66)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#f54220
```
#f54220 rgb(245,66,32)
```

Triadic Color

#20d3f5
```
#20d3f5 rgb(32,211,245)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#f54220
```
#f54220 rgb(245,66,32)
```
#d3f520
```
#d3f520 rgb(211,245,32)
```

Tetradic Color

#2609c0
```
#2609c0 rgb(38,9,192)
```
#2b0ad8
```
#2b0ad8 rgb(43,10,216)
```
#2f0bf1
```
#2f0bf1 rgb(47,11,241)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#5738f6
```
#5738f6 rgb(87,56,246)
```
#6b51f7
```
#6b51f7 rgb(107,81,247)
```
#8069f8
```
#8069f8 rgb(128,105,248)
```

Monochromatic Color

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

#2033f5
```
#2033f5 rgb(32,51,245)
```
#2022f5
```
#2022f5 rgb(32,34,245)
```
#3020f5
```
#3020f5 rgb(48,32,245)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#5420f5
```
#5420f5 rgb(84,32,245)
```
#6620f5
```
#6620f5 rgb(102,32,245)
```
#7720f5
```
#7720f5 rgb(119,32,245)
```

Similar Colors

Text with hexadecimal color #4220f5

This text has a font color of #4220f5.

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

#4220f5 background color

This paragraph has a background color of #4220f5.

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

#4220f5 border color

This element has a border color of #4220f5.

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

CSS codes

.text {color:#4220f5;}

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

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

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 #f1effe is the lightest one.

#000002
```
#000002 rgb(0,0,2)
```
#040115
```
#040115 rgb(4,1,21)
```
#080228
```
#080228 rgb(8,2,40)
```
#0c033b
```
#0c033b rgb(12,3,59)
```
#0f034d
```
#0f034d rgb(15,3,77)
```
#130460
```
#130460 rgb(19,4,96)
```
#170573
```
#170573 rgb(23,5,115)
```
#1a0686
```
#1a0686 rgb(26,6,134)
```
#1e0798
```
#1e0798 rgb(30,7,152)
```
#2208ab
```
#2208ab rgb(34,8,171)
```
#2509be
```
#2509be rgb(37,9,190)
```
#2909d1
```
#2909d1 rgb(41,9,209)
```
#2d0ae4
```
#2d0ae4 rgb(45,10,228)
```

Shade Color Variation

#320df4
```
#320df4 rgb(50,13,244)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#5233f6
```
#5233f6 rgb(82,51,246)
```
#6246f7
```
#6246f7 rgb(98,70,247)
```
#7258f8
```
#7258f8 rgb(114,88,248)
```
#826bf8
```
#826bf8 rgb(130,107,248)
```
#927ef9
```
#927ef9 rgb(146,126,249)
```
#a191fa
```
#a191fa rgb(161,145,250)
```
#b1a3fb
```
#b1a3fb rgb(177,163,251)
```
#c1b6fc
```
#c1b6fc rgb(193,182,252)
```
#d1c9fd
```
#d1c9fd rgb(209,201,253)
```
#e1dcfd
```
#e1dcfd rgb(225,220,253)
```
#f1effe
```
#f1effe rgb(241,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858392 is the less saturated color, while #3c17fe is the most saturated one.

#858392
```
#858392 rgb(133,131,146)
```
#7f7a9b
```
#7f7a9b rgb(127,122,155)
```
#7971a4
```
#7971a4 rgb(121,113,164)
```
#7368ad
```
#7368ad rgb(115,104,173)
```
#6d5fb6
```
#6d5fb6 rgb(109,95,182)
```
#6756bf
```
#6756bf rgb(103,86,191)
```
#614dc8
```
#614dc8 rgb(97,77,200)
```
#5a44d1
```
#5a44d1 rgb(90,68,209)
```
#543bda
```
#543bda rgb(84,59,218)
```
#4e32e3
```
#4e32e3 rgb(78,50,227)
```
#4829ec
```
#4829ec rgb(72,41,236)
```
#4220f5
```
#4220f5 rgb(66,32,245)
```
#3c17fe
```
#3c17fe rgb(60,23,254)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#423b66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1844c8 Protanomaly 1% of men, 0.01% of women
#1848b9 Deuteranomaly 6% of men, 0.4% of women
#184c9c Tritanomaly 0.01% of the population

#4220f5 hex color

#4220f5 Color Information

#4220f5 Color Conversion

Color Schemes with #4220f5

Alternatives to #4220f5

#4220f5 Preview

Shades and Tints of #4220f5

Tones of #4220f5

Color Blindness Simulator