#5307e3 hex color

In a RGB color space, hex #5307e3 is composed of 32.5% red, 2.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 96.9% magenta, 0% yellow and 11% black. It has a hue angle of 260.7 degrees, a saturation of 94% and a lightness of 45.9%. #5307e3 color hex could be obtained by blending #a60eff with #0000c7. 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

● #5307e3 color description : Vivid violet.

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

Hex triplet	5307e3	`#5307e3`
RGB Decimal	83, 7, 227	`rgb(83,7,227)`
RGB Percent	32.5, 2.7, 89	`rgb(32.5%,2.7%,89%)`
CMYK	63, 97, 0, 11
HSL	260.7°, 94, 45.9	`hsl(260.7,94%,45.9%)`
HSV (or HSB)	260.7°, 96.9, 89
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.998, 73.281, -90.727
XYZ	17.506, 7.536, 73.201
xyY	0.178, 0.077, 7.536
CIE-LCH	32.998, 116.625, 308.928
CIE-LUV	32.998, 0.917, -117.809
Hunter-Lab	27.452, 65.784, -138.878
Binary	01010011, 00000111, 11100011

#5307e3
```
#5307e3 rgb(83,7,227)
```
#97e307
```
#97e307 rgb(151,227,7)
```

Complementary Color

#0729e3
```
#0729e3 rgb(7,41,227)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#c107e3
```
#c107e3 rgb(193,7,227)
```

Analogous Color

#29e307
```
#29e307 rgb(41,227,7)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#e3c107
```
#e3c107 rgb(227,193,7)
```

Split Complementary Color

#07e353
```
#07e353 rgb(7,227,83)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#e35307
```
#e35307 rgb(227,83,7)
```

Triadic Color

#0797e3
```
#0797e3 rgb(7,151,227)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#e35307
```
#e35307 rgb(227,83,7)
```
#97e307
```
#97e307 rgb(151,227,7)
```

Tetradic Color

#380599
```
#380599 rgb(56,5,153)
```
#4105b2
```
#4105b2 rgb(65,5,178)
```
#4a06ca
```
#4a06ca rgb(74,6,202)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#5d0cf8
```
#5d0cf8 rgb(93,12,248)
```
#6e25f8
```
#6e25f8 rgb(110,37,248)
```
#7e3df9
```
#7e3df9 rgb(126,61,249)
```

Monochromatic Color

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

#1c07e3
```
#1c07e3 rgb(28,7,227)
```
#2e07e3
```
#2e07e3 rgb(46,7,227)
```
#4107e3
```
#4107e3 rgb(65,7,227)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#6507e3
```
#6507e3 rgb(101,7,227)
```
#7807e3
```
#7807e3 rgb(120,7,227)
```
#8a07e3
```
#8a07e3 rgb(138,7,227)
```

Similar Colors

Text with hexadecimal color #5307e3

This text has a font color of #5307e3.

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

#5307e3 background color

This paragraph has a background color of #5307e3.

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

#5307e3 border color

This element has a border color of #5307e3.

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

CSS codes

.text {color:#5307e3;}

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

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

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

#060112
```
#060112 rgb(6,1,18)
```
#0d0125
```
#0d0125 rgb(13,1,37)
```
#140238
```
#140238 rgb(20,2,56)
```
#1b024b
```
#1b024b rgb(27,2,75)
```
#22035e
```
#22035e rgb(34,3,94)
```
#290371
```
#290371 rgb(41,3,113)
```
#300484
```
#300484 rgb(48,4,132)
```
#370597
```
#370597 rgb(55,5,151)
```
#3e05aa
```
#3e05aa rgb(62,5,170)
```
#4506bd
```
#4506bd rgb(69,6,189)
```
#4c06d0
```
#4c06d0 rgb(76,6,208)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```
#5a08f6
```
#5a08f6 rgb(90,8,246)
```

Shade Color Variation

#6619f8
```
#6619f8 rgb(102,25,248)
```
#732cf9
```
#732cf9 rgb(115,44,249)
```
#803ff9
```
#803ff9 rgb(128,63,249)
```
#8c52fa
```
#8c52fa rgb(140,82,250)
```
#9965fa
```
#9965fa rgb(153,101,250)
```
#a678fb
```
#a678fb rgb(166,120,251)
```
#b28bfb
```
#b28bfb rgb(178,139,251)
```
#bf9ffc
```
#bf9ffc rgb(191,159,252)
```
#cbb2fd
```
#cbb2fd rgb(203,178,253)
```
#d8c5fd
```
#d8c5fd rgb(216,197,253)
```
#e5d8fe
```
#e5d8fe rgb(229,216,254)
```
#f1ebfe
```
#f1ebfe rgb(241,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747377
```
#747377 rgb(116,115,119)
```
#726a80
```
#726a80 rgb(114,106,128)
```
#6f6189
```
#6f6189 rgb(111,97,137)
```
#6c5892
```
#6c5892 rgb(108,88,146)
```
#694f9b
```
#694f9b rgb(105,79,155)
```
#6646a4
```
#6646a4 rgb(102,70,164)
```
#643dad
```
#643dad rgb(100,61,173)
```
#6134b6
```
#6134b6 rgb(97,52,182)
```
#5e2bbf
```
#5e2bbf rgb(94,43,191)
```
#5b22c8
```
#5b22c8 rgb(91,34,200)
```
#5919d1
```
#5919d1 rgb(89,25,209)
```
#5610da
```
#5610da rgb(86,16,218)
```
#5307e3
```
#5307e3 rgb(83,7,227)
```

Tone Color Variation

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

#5307e3 hex color

#5307e3 Color Information

#5307e3 Color Conversion

Color Schemes with #5307e3

Alternatives to #5307e3

#5307e3 Preview

Shades and Tints of #5307e3

Tones of #5307e3

Color Blindness Simulator