#5307e2 hex color

In a RGB color space, hex #5307e2 is composed of 32.5% red, 2.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 96.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 260.8 degrees, a saturation of 94% and a lightness of 45.7%. #5307e2 color hex could be obtained by blending #a60eff with #0000c5. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 3
- B 89
RGB color chart
- C 63
- M 97
- Y 0
- K 11
CMYK color chart

● #5307e2 color description : Vivid violet.

The hexadecimal color #5307e2 has RGB values of R:83, G:7, B:226 and CMYK values of C:0.63, M:0.97, Y:0, K:0.11. Its decimal value is 5441506.

Hex triplet	5307e2	`#5307e2`
RGB Decimal	83, 7, 226	`rgb(83,7,226)`
RGB Percent	32.5, 2.7, 88.6	`rgb(32.5%,2.7%,88.6%)`
CMYK	63, 97, 0, 11
HSL	260.8°, 94, 45.7	`hsl(260.8,94%,45.7%)`
HSV (or HSB)	260.8°, 96.9, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.878, 73.049, -90.353
XYZ	17.368, 7.481, 72.476
xyY	0.178, 0.077, 7.481
CIE-LCH	32.878, 116.189, 308.955
CIE-LUV	32.878, 1.009, -117.244
Hunter-Lab	27.352, 65.479, -137.958
Binary	01010011, 00000111, 11100010

#5307e2
```
#5307e2 rgb(83,7,226)
```
#96e207
```
#96e207 rgb(150,226,7)
```

Complementary Color

#0729e2
```
#0729e2 rgb(7,41,226)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#c107e2
```
#c107e2 rgb(193,7,226)
```

Analogous Color

#29e207
```
#29e207 rgb(41,226,7)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#e2c107
```
#e2c107 rgb(226,193,7)
```

Split Complementary Color

#07e253
```
#07e253 rgb(7,226,83)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#e25307
```
#e25307 rgb(226,83,7)
```

Triadic Color

#0796e2
```
#0796e2 rgb(7,150,226)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#e25307
```
#e25307 rgb(226,83,7)
```
#96e207
```
#96e207 rgb(150,226,7)
```

Tetradic Color

#380598
```
#380598 rgb(56,5,152)
```
#4105b1
```
#4105b1 rgb(65,5,177)
```
#4a06c9
```
#4a06c9 rgb(74,6,201)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#5d0bf7
```
#5d0bf7 rgb(93,11,247)
```
#6e24f8
```
#6e24f8 rgb(110,36,248)
```
#7e3df9
```
#7e3df9 rgb(126,61,249)
```

Monochromatic Color

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

#1c07e2
```
#1c07e2 rgb(28,7,226)
```
#2f07e2
```
#2f07e2 rgb(47,7,226)
```
#4107e2
```
#4107e2 rgb(65,7,226)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#6507e2
```
#6507e2 rgb(101,7,226)
```
#7807e2
```
#7807e2 rgb(120,7,226)
```
#8a07e2
```
#8a07e2 rgb(138,7,226)
```

Similar Colors

Text with hexadecimal color #5307e2

This text has a font color of #5307e2.

<span style="color:#5307e2;">Text here</span>

#5307e2 background color

This paragraph has a background color of #5307e2.

<p style="background-color:#5307e2;">Content here</p>

#5307e2 border color

This element has a border color of #5307e2.

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

CSS codes

.text {color:#5307e2;}

.background {background-color:#5307e2;}

.border {border:1px solid #5307e2;}

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

#060111
```
#060111 rgb(6,1,17)
```
#0d0124
```
#0d0124 rgb(13,1,36)
```
#140237
```
#140237 rgb(20,2,55)
```
#1b024a
```
#1b024a rgb(27,2,74)
```
#22035d
```
#22035d rgb(34,3,93)
```
#290370
```
#290370 rgb(41,3,112)
```
#300483
```
#300483 rgb(48,4,131)
```
#370596
```
#370596 rgb(55,5,150)
```
#3e05a9
```
#3e05a9 rgb(62,5,169)
```
#4506bc
```
#4506bc rgb(69,6,188)
```
#4c06cf
```
#4c06cf rgb(76,6,207)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```
#5a08f5
```
#5a08f5 rgb(90,8,245)
```

Shade Color Variation

#6618f8
```
#6618f8 rgb(102,24,248)
```
#732bf8
```
#732bf8 rgb(115,43,248)
```
#7f3ef9
```
#7f3ef9 rgb(127,62,249)
```
#8c51fa
```
#8c51fa rgb(140,81,250)
```
#9864fa
```
#9864fa rgb(152,100,250)
```
#a578fb
```
#a578fb rgb(165,120,251)
```
#b28bfb
```
#b28bfb rgb(178,139,251)
```
#be9efc
```
#be9efc rgb(190,158,252)
```
#cbb1fd
```
#cbb1fd rgb(203,177,253)
```
#d8c4fd
```
#d8c4fd rgb(216,196,253)
```
#e4d7fe
```
#e4d7fe rgb(228,215,254)
```
#f1eafe
```
#f1eafe rgb(241,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#747376
```
#747376 rgb(116,115,118)
```
#716a7f
```
#716a7f rgb(113,106,127)
```
#6e6188
```
#6e6188 rgb(110,97,136)
```
#6c5891
```
#6c5891 rgb(108,88,145)
```
#694f9a
```
#694f9a rgb(105,79,154)
```
#6646a3
```
#6646a3 rgb(102,70,163)
```
#633dac
```
#633dac rgb(99,61,172)
```
#6134b5
```
#6134b5 rgb(97,52,181)
```
#5e2bbe
```
#5e2bbe rgb(94,43,190)
```
#5b22c7
```
#5b22c7 rgb(91,34,199)
```
#5819d0
```
#5819d0 rgb(88,25,208)
```
#5610d9
```
#5610d9 rgb(86,16,217)
```
#5307e2
```
#5307e2 rgb(83,7,226)
```

Tone Color Variation

Below, you can see how #5307e2 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

#373737 Achromatopsia 0.005% of the population
#3d2d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#1e38ba Protanomaly 1% of men, 0.01% of women
#1e3bac Deuteranomaly 6% of men, 0.4% of women
#1e3f92 Tritanomaly 0.01% of the population

#5307e2 hex color

#5307e2 Color Information

#5307e2 Color Conversion

Color Schemes with #5307e2

Alternatives to #5307e2

#5307e2 Preview

Shades and Tints of #5307e2

Tones of #5307e2

Color Blindness Simulator