#5620ff hex color

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

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

● #5620ff color description : Vivid blue.

The hexadecimal color #5620ff has RGB values of R:86, G:32, B:255 and CMYK values of C:0.66, M:0.87, Y:0, K:0. Its decimal value is 5644543.

Hex triplet	5620ff	`#5620ff`
RGB Decimal	86, 32, 255	`rgb(86,32,255)`
RGB Percent	33.7, 12.5, 100	`rgb(33.7%,12.5%,100%)`
CMYK	66, 87, 0, 0
HSL	254.5°, 100, 56.3	`hsl(254.5,100%,56.3%)`
HSV (or HSB)	254.5°, 87.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.253, 75, -97.836
XYZ	22.401, 10.23, 95.396
xyY	0.175, 0.08, 10.23
CIE-LCH	38.253, 123.276, 307.473
CIE-LUV	38.253, -1.946, -133.801
Hunter-Lab	31.985, 69.039, -154.444
Binary	01010110, 00100000, 11111111

#5620ff
```
#5620ff rgb(86,32,255)
```
#c9ff20
```
#c9ff20 rgb(201,255,32)
```

Complementary Color

#205aff
```
#205aff rgb(32,90,255)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#c620ff
```
#c620ff rgb(198,32,255)
```

Analogous Color

#5aff20
```
#5aff20 rgb(90,255,32)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#ffc620
```
#ffc620 rgb(255,198,32)
```

Split Complementary Color

#20ff56
```
#20ff56 rgb(32,255,86)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#ff5620
```
#ff5620 rgb(255,86,32)
```

Triadic Color

#20c9ff
```
#20c9ff rgb(32,201,255)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#ff5620
```
#ff5620 rgb(255,86,32)
```
#c9ff20
```
#c9ff20 rgb(201,255,32)
```

Tetradic Color

#3300d3
```
#3300d3 rgb(51,0,211)
```
#3900ec
```
#3900ec rgb(57,0,236)
```
#4306ff
```
#4306ff rgb(67,6,255)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#693aff
```
#693aff rgb(105,58,255)
```
#7d53ff
```
#7d53ff rgb(125,83,255)
```
#906dff
```
#906dff rgb(144,109,255)
```

Monochromatic Color

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

#2022ff
```
#2022ff rgb(32,34,255)
```
#3120ff
```
#3120ff rgb(49,32,255)
```
#4320ff
```
#4320ff rgb(67,32,255)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#6920ff
```
#6920ff rgb(105,32,255)
```
#7b20ff
```
#7b20ff rgb(123,32,255)
```
#8e20ff
```
#8e20ff rgb(142,32,255)
```

Similar Colors

Text with hexadecimal color #5620ff

This text has a font color of #5620ff.

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

#5620ff background color

This paragraph has a background color of #5620ff.

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

#5620ff border color

This element has a border color of #5620ff.

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

CSS codes

.text {color:#5620ff;}

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

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

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

#03000c
```
#03000c rgb(3,0,12)
```
#080020
```
#080020 rgb(8,0,32)
```
#0c0034
```
#0c0034 rgb(12,0,52)
```
#110047
```
#110047 rgb(17,0,71)
```
#16005b
```
#16005b rgb(22,0,91)
```
#1b006e
```
#1b006e rgb(27,0,110)
```
#1f0082
```
#1f0082 rgb(31,0,130)
```
#240096
```
#240096 rgb(36,0,150)
```
#2900a9
```
#2900a9 rgb(41,0,169)
```
#2e00bd
```
#2e00bd rgb(46,0,189)
```
#3200d1
```
#3200d1 rgb(50,0,209)
```
#3700e4
```
#3700e4 rgb(55,0,228)
```
#3c00f8
```
#3c00f8 rgb(60,0,248)
```

Shade Color Variation

#470cff
```
#470cff rgb(71,12,255)
```
#5620ff
```
#5620ff rgb(86,32,255)
```
#6534ff
```
#6534ff rgb(101,52,255)
```
#7447ff
```
#7447ff rgb(116,71,255)
```
#835bff
```
#835bff rgb(131,91,255)
```
#916eff
```
#916eff rgb(145,110,255)
```
#a082ff
```
#a082ff rgb(160,130,255)
```
#af96ff
```
#af96ff rgb(175,150,255)
```
#bea9ff
```
#bea9ff rgb(190,169,255)
```
#cdbdff
```
#cdbdff rgb(205,189,255)
```
#dcd1ff
```
#dcd1ff rgb(220,209,255)
```
#ebe4ff
```
#ebe4ff rgb(235,228,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

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

#8b8798
```
#8b8798 rgb(139,135,152)
```
#877ea1
```
#877ea1 rgb(135,126,161)
```
#8276a9
```
#8276a9 rgb(130,118,169)
```
#7e6db2
```
#7e6db2 rgb(126,109,178)
```
#7965ba
```
#7965ba rgb(121,101,186)
```
#755cc3
```
#755cc3 rgb(117,92,195)
```
#7153cc
```
#7153cc rgb(113,83,204)
```
#6c4bd4
```
#6c4bd4 rgb(108,75,212)
```
#6842dd
```
#6842dd rgb(104,66,221)
```
#633ae5
```
#633ae5 rgb(99,58,229)
```
#5f31ee
```
#5f31ee rgb(95,49,238)
```
#5a29f6
```
#5a29f6 rgb(90,41,246)
```
#5620ff
```
#5620ff rgb(86,32,255)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c426e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1f48d3 Protanomaly 1% of men, 0.01% of women
#1f4cc3 Deuteranomaly 6% of men, 0.4% of women
#1f50a5 Tritanomaly 0.01% of the population

#5620ff hex color

#5620ff Color Information

#5620ff Color Conversion

Color Schemes with #5620ff

Alternatives to #5620ff

#5620ff Preview

Shades and Tints of #5620ff

Tones of #5620ff

Color Blindness Simulator