#5820f1 hex color

In a RGB color space, hex #5820f1 is composed of 34.5% red, 12.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 86.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 256.1 degrees, a saturation of 88.2% and a lightness of 53.5%. #5820f1 color hex could be obtained by blending #b040ff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 13
- B 95
RGB color chart
- C 63
- M 87
- Y 0
- K 5
CMYK color chart

● #5820f1 color description : Vivid violet.

The hexadecimal color #5820f1 has RGB values of R:88, G:32, B:241 and CMYK values of C:0.63, M:0.87, Y:0, K:0.05. Its decimal value is 5775601.

Hex triplet	5820f1	`#5820f1`
RGB Decimal	88, 32, 241	`rgb(88,32,241)`
RGB Percent	34.5, 12.5, 94.5	`rgb(34.5%,12.5%,94.5%)`
CMYK	63, 87, 0, 5
HSL	256.1°, 88.2, 53.5	`hsl(256.1,88.2%,53.5%)`
HSV (or HSB)	256.1°, 86.7, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.851, 71.632, -92.281
XYZ	20.415, 9.458, 83.964
xyY	0.179, 0.083, 9.458
CIE-LCH	36.851, 116.82, 307.82
CIE-LUV	36.851, -0.323, -125.907
Hunter-Lab	30.754, 64.675, -140.347
Binary	01011000, 00100000, 11110001

#5820f1
```
#5820f1 rgb(88,32,241)
```
#b9f120
```
#b9f120 rgb(185,241,32)
```

Complementary Color

#2051f1
```
#2051f1 rgb(32,81,241)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#c120f1
```
#c120f1 rgb(193,32,241)
```

Analogous Color

#51f120
```
#51f120 rgb(81,241,32)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#f1c120
```
#f1c120 rgb(241,193,32)
```

Split Complementary Color

#20f158
```
#20f158 rgb(32,241,88)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#f15820
```
#f15820 rgb(241,88,32)
```

Triadic Color

#20b9f1
```
#20b9f1 rgb(32,185,241)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#f15820
```
#f15820 rgb(241,88,32)
```
#b9f120
```
#b9f120 rgb(185,241,32)
```

Tetradic Color

#3a0cb9
```
#3a0cb9 rgb(58,12,185)
```
#420dd1
```
#420dd1 rgb(66,13,209)
```
#490fe9
```
#490fe9 rgb(73,15,233)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#6a38f3
```
#6a38f3 rgb(106,56,243)
```
#7c50f4
```
#7c50f4 rgb(124,80,244)
```
#8e68f6
```
#8e68f6 rgb(142,104,246)
```

Monochromatic Color

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

#2420f1
```
#2420f1 rgb(36,32,241)
```
#3520f1
```
#3520f1 rgb(53,32,241)
```
#4720f1
```
#4720f1 rgb(71,32,241)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#6920f1
```
#6920f1 rgb(105,32,241)
```
#7b20f1
```
#7b20f1 rgb(123,32,241)
```
#8c20f1
```
#8c20f1 rgb(140,32,241)
```

Similar Colors

Text with hexadecimal color #5820f1

This text has a font color of #5820f1.

<span style="color:#5820f1;">Text here</span>

#5820f1 background color

This paragraph has a background color of #5820f1.

<p style="background-color:#5820f1;">Content here</p>

#5820f1 border color

This element has a border color of #5820f1.

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

CSS codes

.text {color:#5820f1;}

.background {background-color:#5820f1;}

.border {border:1px solid #5820f1;}

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

#050111
```
#050111 rgb(5,1,17)
```
#0b0223
```
#0b0223 rgb(11,2,35)
```
#110336
```
#110336 rgb(17,3,54)
```
#170548
```
#170548 rgb(23,5,72)
```
#1c065b
```
#1c065b rgb(28,6,91)
```
#22076d
```
#22076d rgb(34,7,109)
```
#280880
```
#280880 rgb(40,8,128)
```
#2e0992
```
#2e0992 rgb(46,9,146)
```
#340aa5
```
#340aa5 rgb(52,10,165)
```
#390bb7
```
#390bb7 rgb(57,11,183)
```
#3f0dca
```
#3f0dca rgb(63,13,202)
```
#450edc
```
#450edc rgb(69,14,220)
```
#4b0fee
```
#4b0fee rgb(75,15,238)
```

Shade Color Variation

#5820f1
```
#5820f1 rgb(88,32,241)
```
#6632f2
```
#6632f2 rgb(102,50,242)
```
#7445f3
```
#7445f3 rgb(116,69,243)
```
#8157f4
```
#8157f4 rgb(129,87,244)
```
#8f6af6
```
#8f6af6 rgb(143,106,246)
```
#9d7cf7
```
#9d7cf7 rgb(157,124,247)
```
#ab8ff8
```
#ab8ff8 rgb(171,143,248)
```
#b9a1f9
```
#b9a1f9 rgb(185,161,249)
```
#c7b4fa
```
#c7b4fa rgb(199,180,250)
```
#d4c6fb
```
#d4c6fb rgb(212,198,251)
```
#e2d9fd
```
#e2d9fd rgb(226,217,253)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87848d is the less saturated color, while #5417fa is the most saturated one.

#87848d
```
#87848d rgb(135,132,141)
```
#827b96
```
#827b96 rgb(130,123,150)
```
#7e729f
```
#7e729f rgb(126,114,159)
```
#7a69a8
```
#7a69a8 rgb(122,105,168)
```
#7660b1
```
#7660b1 rgb(118,96,177)
```
#7157ba
```
#7157ba rgb(113,87,186)
```
#6d4ec3
```
#6d4ec3 rgb(109,78,195)
```
#6944cd
```
#6944cd rgb(105,68,205)
```
#653bd6
```
#653bd6 rgb(101,59,214)
```
#6032df
```
#6032df rgb(96,50,223)
```
#5c29e8
```
#5c29e8 rgb(92,41,232)
```
#5820f1
```
#5820f1 rgb(88,32,241)
```
#5417fa
```
#5417fa rgb(84,23,250)
```

Tone Color Variation

Below, you can see how #5820f1 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
#4c416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#2046ca Protanomaly 1% of men, 0.01% of women
#204aba Deuteranomaly 6% of men, 0.4% of women
#204e9e Tritanomaly 0.01% of the population

#5820f1 hex color

#5820f1 Color Information

#5820f1 Color Conversion

Color Schemes with #5820f1

Alternatives to #5820f1

#5820f1 Preview

Shades and Tints of #5820f1

Tones of #5820f1

Color Blindness Simulator