#3220f4 hex color

In a RGB color space, hex #3220f4 is composed of 19.6% red, 12.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 86.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 245.1 degrees, a saturation of 90.6% and a lightness of 54.1%. #3220f4 color hex could be obtained by blending #6440ff with #0000e9. Closest websafe color is: #3333ff.

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

● #3220f4 color description : Vivid blue.

The hexadecimal color #3220f4 has RGB values of R:50, G:32, B:244 and CMYK values of C:0.8, M:0.87, Y:0, K:0.04. Its decimal value is 3285236.

Hex triplet	3220f4	`#3220f4`
RGB Decimal	50, 32, 244	`rgb(50,32,244)`
RGB Percent	19.6, 12.5, 95.7	`rgb(19.6%,12.5%,95.7%)`
CMYK	80, 87, 0, 4
HSL	245.1°, 90.6, 54.1	`hsl(245.1,90.6%,54.1%)`
HSV (or HSB)	245.1°, 86.9, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.481, 70.378, -97.993
XYZ	18.158, 8.242, 86.217
xyY	0.161, 0.073, 8.242
CIE-LCH	34.481, 120.647, 305.686
CIE-LUV	34.481, -7.377, -126.901
Hunter-Lab	28.708, 62.661, -157.965
Binary	00110010, 00100000, 11110100

#3220f4
```
#3220f4 rgb(50,32,244)
```
#e2f420
```
#e2f420 rgb(226,244,32)
```

Complementary Color

#2078f4
```
#2078f4 rgb(32,120,244)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#9c20f4
```
#9c20f4 rgb(156,32,244)
```

Analogous Color

#78f420
```
#78f420 rgb(120,244,32)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#f49c20
```
#f49c20 rgb(244,156,32)
```

Split Complementary Color

#20f432
```
#20f432 rgb(32,244,50)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#f43220
```
#f43220 rgb(244,50,32)
```

Triadic Color

#20e2f4
```
#20e2f4 rgb(32,226,244)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#f43220
```
#f43220 rgb(244,50,32)
```
#e2f420
```
#e2f420 rgb(226,244,32)
```

Tetradic Color

#1909be
```
#1909be rgb(25,9,190)
```
#1c0bd6
```
#1c0bd6 rgb(28,11,214)
```
#1f0cef
```
#1f0cef rgb(31,12,239)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#4838f5
```
#4838f5 rgb(72,56,245)
```
#5f51f6
```
#5f51f6 rgb(95,81,246)
```
#7569f8
```
#7569f8 rgb(117,105,248)
```

Monochromatic Color

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

#2043f4
```
#2043f4 rgb(32,67,244)
```
#2031f4
```
#2031f4 rgb(32,49,244)
```
#2020f4
```
#2020f4 rgb(32,32,244)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#4420f4
```
#4420f4 rgb(68,32,244)
```
#5520f4
```
#5520f4 rgb(85,32,244)
```
#6720f4
```
#6720f4 rgb(103,32,244)
```

Similar Colors

Text with hexadecimal color #3220f4

This text has a font color of #3220f4.

<span style="color:#3220f4;">Text here</span>

#3220f4 background color

This paragraph has a background color of #3220f4.

<p style="background-color:#3220f4;">Content here</p>

#3220f4 border color

This element has a border color of #3220f4.

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

CSS codes

.text {color:#3220f4;}

.background {background-color:#3220f4;}

.border {border:1px solid #3220f4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030114
```
#030114 rgb(3,1,20)
```
#050227
```
#050227 rgb(5,2,39)
```
#070339
```
#070339 rgb(7,3,57)
```
#0a044c
```
#0a044c rgb(10,4,76)
```
#0c055f
```
#0c055f rgb(12,5,95)
```
#0f0671
```
#0f0671 rgb(15,6,113)
```
#110784
```
#110784 rgb(17,7,132)
```
#140797
```
#140797 rgb(20,7,151)
```
#1608aa
```
#1608aa rgb(22,8,170)
```
#1809bc
```
#1809bc rgb(24,9,188)
```
#1b0acf
```
#1b0acf rgb(27,10,207)
```
#1d0be2
```
#1d0be2 rgb(29,11,226)
```

Shade Color Variation

#210df3
```
#210df3 rgb(33,13,243)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#4333f5
```
#4333f5 rgb(67,51,245)
```
#5445f6
```
#5445f6 rgb(84,69,246)
```
#6658f7
```
#6658f7 rgb(102,88,247)
```
#776bf8
```
#776bf8 rgb(119,107,248)
```
#887df9
```
#887df9 rgb(136,125,249)
```
#9990fa
```
#9990fa rgb(153,144,250)
```
#aaa3fa
```
#aaa3fa rgb(170,163,250)
```
#bbb6fb
```
#bbb6fb rgb(187,182,251)
```
#cdc8fc
```
#cdc8fc rgb(205,200,252)
```
#dedbfd
```
#dedbfd rgb(222,219,253)
```
#efeefe
```
#efeefe rgb(239,238,254)
```

Tint Color Variation

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

#848391
```
#848391 rgb(132,131,145)
```
#7d7a9a
```
#7d7a9a rgb(125,122,154)
```
#7571a3
```
#7571a3 rgb(117,113,163)
```
#6e68ac
```
#6e68ac rgb(110,104,172)
```
#665fb5
```
#665fb5 rgb(102,95,181)
```
#5f56be
```
#5f56be rgb(95,86,190)
```
#574dc7
```
#574dc7 rgb(87,77,199)
```
#5044d0
```
#5044d0 rgb(80,68,208)
```
#483bd9
```
#483bd9 rgb(72,59,217)
```
#4132e2
```
#4132e2 rgb(65,50,226)
```
#3929eb
```
#3929eb rgb(57,41,235)
```
#3220f4
```
#3220f4 rgb(50,32,244)
```
#2b17fd
```
#2b17fd rgb(43,23,253)
```

Tone Color Variation

Below, you can see how #3220f4 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

#3e3e3e Achromatopsia 0.005% of the population
#3c3862 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#1243c4 Protanomaly 1% of men, 0.01% of women
#1246b6 Deuteranomaly 6% of men, 0.4% of women
#124a9a Tritanomaly 0.01% of the population

#3220f4 hex color

#3220f4 Color Information

#3220f4 Color Conversion

Color Schemes with #3220f4

Alternatives to #3220f4

#3220f4 Preview

Shades and Tints of #3220f4

Tones of #3220f4

Color Blindness Simulator