#5322f4 hex color

In a RGB color space, hex #5322f4 is composed of 32.5% red, 13.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 86.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 254 degrees, a saturation of 90.5% and a lightness of 54.5%. #5322f4 color hex could be obtained by blending #a644ff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 13
- B 96
RGB color chart
- C 66
- M 86
- Y 0
- K 4
CMYK color chart

● #5322f4 color description : Vivid blue.

The hexadecimal color #5322f4 has RGB values of R:83, G:34, B:244 and CMYK values of C:0.66, M:0.86, Y:0, K:0.04. Its decimal value is 5448436.

Hex triplet	5322f4	`#5322f4`
RGB Decimal	83, 34, 244	`rgb(83,34,244)`
RGB Percent	32.5, 13.3, 95.7	`rgb(32.5%,13.3%,95.7%)`
CMYK	66, 86, 0, 4
HSL	254°, 90.5, 54.5	`hsl(254,90.5%,54.5%)`
HSV (or HSB)	254°, 86.1, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.955, 71.428, -93.816
XYZ	20.465, 9.514, 86.341
xyY	0.176, 0.082, 9.514
CIE-LCH	36.955, 117.913, 307.284
CIE-LUV	36.955, -1.895, -127.565
Hunter-Lab	30.844, 64.457, -144.375
Binary	01010011, 00100010, 11110100

#5322f4
```
#5322f4 rgb(83,34,244)
```
#c3f422
```
#c3f422 rgb(195,244,34)
```

Complementary Color

#225af4
```
#225af4 rgb(34,90,244)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#bc22f4
```
#bc22f4 rgb(188,34,244)
```

Analogous Color

#5af422
```
#5af422 rgb(90,244,34)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#f4bc22
```
#f4bc22 rgb(244,188,34)
```

Split Complementary Color

#22f453
```
#22f453 rgb(34,244,83)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#f45322
```
#f45322 rgb(244,83,34)
```

Triadic Color

#22c3f4
```
#22c3f4 rgb(34,195,244)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#f45322
```
#f45322 rgb(244,83,34)
```
#c3f422
```
#c3f422 rgb(195,244,34)
```

Tetradic Color

#340ac0
```
#340ac0 rgb(52,10,192)
```
#3b0bd8
```
#3b0bd8 rgb(59,11,216)
```
#410cf1
```
#410cf1 rgb(65,12,241)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#663af5
```
#663af5 rgb(102,58,245)
```
#7953f6
```
#7953f6 rgb(121,83,246)
```
#8c6bf8
```
#8c6bf8 rgb(140,107,248)
```

Monochromatic Color

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

#2226f4
```
#2226f4 rgb(34,38,244)
```
#3022f4
```
#3022f4 rgb(48,34,244)
```
#4122f4
```
#4122f4 rgb(65,34,244)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#6522f4
```
#6522f4 rgb(101,34,244)
```
#7622f4
```
#7622f4 rgb(118,34,244)
```
#8822f4
```
#8822f4 rgb(136,34,244)
```

Similar Colors

Text with hexadecimal color #5322f4

This text has a font color of #5322f4.

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

#5322f4 background color

This paragraph has a background color of #5322f4.

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

#5322f4 border color

This element has a border color of #5322f4.

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

CSS codes

.text {color:#5322f4;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#060116
```
#060116 rgb(6,1,22)
```
#0b0229
```
#0b0229 rgb(11,2,41)
```
#10033b
```
#10033b rgb(16,3,59)
```
#15044e
```
#15044e rgb(21,4,78)
```
#1a0561
```
#1a0561 rgb(26,5,97)
```
#1f0673
```
#1f0673 rgb(31,6,115)
```
#240786
```
#240786 rgb(36,7,134)
```
#290899
```
#290899 rgb(41,8,153)
```
#2f09ab
```
#2f09ab rgb(47,9,171)
```
#3409be
```
#3409be rgb(52,9,190)
```
#390ad1
```
#390ad1 rgb(57,10,209)
```
#3e0be3
```
#3e0be3 rgb(62,11,227)
```

Shade Color Variation

#440ff3
```
#440ff3 rgb(68,15,243)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#6235f5
```
#6235f5 rgb(98,53,245)
```
#7047f6
```
#7047f6 rgb(112,71,246)
```
#7f5af7
```
#7f5af7 rgb(127,90,247)
```
#8d6df8
```
#8d6df8 rgb(141,109,248)
```
#9c7ff9
```
#9c7ff9 rgb(156,127,249)
```
#aa92fa
```
#aa92fa rgb(170,146,250)
```
#b9a5fb
```
#b9a5fb rgb(185,165,251)
```
#c7b7fb
```
#c7b7fb rgb(199,183,251)
```
#d6cafc
```
#d6cafc rgb(214,202,252)
```
#e4ddfd
```
#e4ddfd rgb(228,221,253)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#878492
```
#878492 rgb(135,132,146)
```
#837b9b
```
#837b9b rgb(131,123,155)
```
#7e72a4
```
#7e72a4 rgb(126,114,164)
```
#7969ad
```
#7969ad rgb(121,105,173)
```
#7460b6
```
#7460b6 rgb(116,96,182)
```
#7058be
```
#7058be rgb(112,88,190)
```
#6b4fc7
```
#6b4fc7 rgb(107,79,199)
```
#6646d0
```
#6646d0 rgb(102,70,208)
```
#613dd9
```
#613dd9 rgb(97,61,217)
```
#5d34e2
```
#5d34e2 rgb(93,52,226)
```
#582beb
```
#582beb rgb(88,43,235)
```
#5322f4
```
#5322f4 rgb(83,34,244)
```
#4e19fd
```
#4e19fd rgb(78,25,253)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1e47cb Protanomaly 1% of men, 0.01% of women
#1e4bbc Deuteranomaly 6% of men, 0.4% of women
#1e4f9f Tritanomaly 0.01% of the population

#5322f4 hex color

#5322f4 Color Information

#5322f4 Color Conversion

Color Schemes with #5322f4

Alternatives to #5322f4

#5322f4 Preview

Shades and Tints of #5322f4

Tones of #5322f4

Color Blindness Simulator