#3220ff hex color

In a RGB color space, hex #3220ff is composed of 19.6% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 244.8 degrees, a saturation of 100% and a lightness of 56.3%. #3220ff color hex could be obtained by blending #6440ff with #0000ff. Closest websafe color is: #3333ff.

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

● #3220ff color description : Vivid blue.

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

Hex triplet	3220ff	`#3220ff`
RGB Decimal	50, 32, 255	`rgb(50,32,255)`
RGB Percent	19.6, 12.5, 100	`rgb(19.6%,12.5%,100%)`
CMYK	80, 87, 0, 0
HSL	244.8°, 100, 56.3	`hsl(244.8,100%,56.3%)`
HSV (or HSB)	244.8°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.849, 73.305, -101.902
XYZ	19.878, 8.93, 95.278
xyY	0.16, 0.072, 8.93
CIE-LCH	35.849, 125.53, 305.73
CIE-LUV	35.849, -7.917, -133.071
Hunter-Lab	29.883, 66.445, -168.122
Binary	00110010, 00100000, 11111111

#3220ff
```
#3220ff rgb(50,32,255)
```
#edff20
```
#edff20 rgb(237,255,32)
```

Complementary Color

#207eff
```
#207eff rgb(32,126,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#a220ff
```
#a220ff rgb(162,32,255)
```

Analogous Color

#7eff20
```
#7eff20 rgb(126,255,32)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#ffa220
```
#ffa220 rgb(255,162,32)
```

Split Complementary Color

#20ff32
```
#20ff32 rgb(32,255,50)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#ff3220
```
#ff3220 rgb(255,50,32)
```

Triadic Color

#20edff
```
#20edff rgb(32,237,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#ff3220
```
#ff3220 rgb(255,50,32)
```
#edff20
```
#edff20 rgb(237,255,32)
```

Tetradic Color

#1100d3
```
#1100d3 rgb(17,0,211)
```
#1300ec
```
#1300ec rgb(19,0,236)
```
#1b06ff
```
#1b06ff rgb(27,6,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#493aff
```
#493aff rgb(73,58,255)
```
#6153ff
```
#6153ff rgb(97,83,255)
```
#786dff
```
#786dff rgb(120,109,255)
```

Monochromatic Color

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

#2046ff
```
#2046ff rgb(32,70,255)
```
#2033ff
```
#2033ff rgb(32,51,255)
```
#2021ff
```
#2021ff rgb(32,33,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#4520ff
```
#4520ff rgb(69,32,255)
```
#5720ff
```
#5720ff rgb(87,32,255)
```
#6a20ff
```
#6a20ff rgb(106,32,255)
```

Similar Colors

Text with hexadecimal color #3220ff

This text has a font color of #3220ff.

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

#3220ff background color

This paragraph has a background color of #3220ff.

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

#3220ff border color

This element has a border color of #3220ff.

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

CSS codes

.text {color:#3220ff;}

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

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

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, #01000c is the darkest color, while #f8f8ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#030020
```
#030020 rgb(3,0,32)
```
#040034
```
#040034 rgb(4,0,52)
```
#060047
```
#060047 rgb(6,0,71)
```
#07005b
```
#07005b rgb(7,0,91)
```
#09006e
```
#09006e rgb(9,0,110)
```
#0a0082
```
#0a0082 rgb(10,0,130)
```
#0c0096
```
#0c0096 rgb(12,0,150)
```
#0e00a9
```
#0e00a9 rgb(14,0,169)
```
#0f00bd
```
#0f00bd rgb(15,0,189)
```
#1100d1
```
#1100d1 rgb(17,0,209)
```
#1200e4
```
#1200e4 rgb(18,0,228)
```
#1400f8
```
#1400f8 rgb(20,0,248)
```

Shade Color Variation

#200cff
```
#200cff rgb(32,12,255)
```
#3220ff
```
#3220ff rgb(50,32,255)
```
#4434ff
```
#4434ff rgb(68,52,255)
```
#5647ff
```
#5647ff rgb(86,71,255)
```
#685bff
```
#685bff rgb(104,91,255)
```
#7a6eff
```
#7a6eff rgb(122,110,255)
```
#8c82ff
```
#8c82ff rgb(140,130,255)
```
#9e96ff
```
#9e96ff rgb(158,150,255)
```
#b0a9ff
```
#b0a9ff rgb(176,169,255)
```
#c2bdff
```
#c2bdff rgb(194,189,255)
```
#d4d1ff
```
#d4d1ff rgb(212,209,255)
```
#e6e4ff
```
#e6e4ff rgb(230,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#888798
```
#888798 rgb(136,135,152)
```
#817ea1
```
#817ea1 rgb(129,126,161)
```
#7a76a9
```
#7a76a9 rgb(122,118,169)
```
#736db2
```
#736db2 rgb(115,109,178)
```
#6c65ba
```
#6c65ba rgb(108,101,186)
```
#645cc3
```
#645cc3 rgb(100,92,195)
```
#5d53cc
```
#5d53cc rgb(93,83,204)
```
#564bd4
```
#564bd4 rgb(86,75,212)
```
#4f42dd
```
#4f42dd rgb(79,66,221)
```
#483ae5
```
#483ae5 rgb(72,58,229)
```
#4031ee
```
#4031ee rgb(64,49,238)
```
#3929f6
```
#3929f6 rgb(57,41,246)
```
#3220ff
```
#3220ff rgb(50,32,255)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3965 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006097 Deuteranopia 1% of men
#00666a Tritanopia 0.001% of the population

Trichromacy

#1245cc Protanomaly 1% of men, 0.01% of women
#1248bd Deuteranomaly 6% of men, 0.4% of women
#124ca0 Tritanomaly 0.01% of the population

#3220ff hex color

#3220ff Color Information

#3220ff Color Conversion

Color Schemes with #3220ff

Alternatives to #3220ff

#3220ff Preview

Shades and Tints of #3220ff

Tones of #3220ff

Color Blindness Simulator