#5307f5 hex color

In a RGB color space, hex #5307f5 is composed of 32.5% red, 2.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 97.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 259.2 degrees, a saturation of 94.4% and a lightness of 49.4%. #5307f5 color hex could be obtained by blending #a60eff with #0000eb. Closest websafe color is: #6600ff.

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

● #5307f5 color description : Vivid violet.

The hexadecimal color #5307f5 has RGB values of R:83, G:7, B:245 and CMYK values of C:0.66, M:0.97, Y:0, K:0.04. Its decimal value is 5441525.

Hex triplet	5307f5	`#5307f5`
RGB Decimal	83, 7, 245	`rgb(83,7,245)`
RGB Percent	32.5, 2.7, 96.1	`rgb(32.5%,2.7%,96.1%)`
CMYK	66, 97, 0, 4
HSL	259.2°, 94.4, 49.4	`hsl(259.2,94.4%,49.4%)`
HSV (or HSB)	259.2°, 97.1, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.168, 77.445, -97.351
XYZ	20.122, 8.583, 86.977
xyY	0.174, 0.074, 8.583
CIE-LCH	35.168, 124.398, 308.503
CIE-LUV	35.168, -0.655, -127.939
Hunter-Lab	29.296, 71.331, -155.518
Binary	01010011, 00000111, 11110101

#5307f5
```
#5307f5 rgb(83,7,245)
```
#a9f507
```
#a9f507 rgb(169,245,7)
```

Complementary Color

#0732f5
```
#0732f5 rgb(7,50,245)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#ca07f5
```
#ca07f5 rgb(202,7,245)
```

Analogous Color

#32f507
```
#32f507 rgb(50,245,7)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#f5ca07
```
#f5ca07 rgb(245,202,7)
```

Split Complementary Color

#07f553
```
#07f553 rgb(7,245,83)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#f55307
```
#f55307 rgb(245,83,7)
```

Triadic Color

#07a9f5
```
#07a9f5 rgb(7,169,245)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#f55307
```
#f55307 rgb(245,83,7)
```
#a9f507
```
#a9f507 rgb(169,245,7)
```

Tetradic Color

#3a05ab
```
#3a05ab rgb(58,5,171)
```
#4206c3
```
#4206c3 rgb(66,6,195)
```
#4b06dc
```
#4b06dc rgb(75,6,220)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#631df9
```
#631df9 rgb(99,29,249)
```
#7436f9
```
#7436f9 rgb(116,54,249)
```
#854ffa
```
#854ffa rgb(133,79,250)
```

Monochromatic Color

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

#1807f5
```
#1807f5 rgb(24,7,245)
```
#2b07f5
```
#2b07f5 rgb(43,7,245)
```
#3f07f5
```
#3f07f5 rgb(63,7,245)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```
#6707f5
```
#6707f5 rgb(103,7,245)
```
#7b07f5
```
#7b07f5 rgb(123,7,245)
```
#8f07f5
```
#8f07f5 rgb(143,7,245)
```

Similar Colors

Text with hexadecimal color #5307f5

This text has a font color of #5307f5.

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

#5307f5 background color

This paragraph has a background color of #5307f5.

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

#5307f5 border color

This element has a border color of #5307f5.

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

CSS codes

.text {color:#5307f5;}

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

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

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

#050010
```
#050010 rgb(5,0,16)
```
#0c0123
```
#0c0123 rgb(12,1,35)
```
#120236
```
#120236 rgb(18,2,54)
```
#190249
```
#190249 rgb(25,2,73)
```
#1f035c
```
#1f035c rgb(31,3,92)
```
#260370
```
#260370 rgb(38,3,112)
```
#2c0483
```
#2c0483 rgb(44,4,131)
```
#330496
```
#330496 rgb(51,4,150)
```
#3905a9
```
#3905a9 rgb(57,5,169)
```
#4005bc
```
#4005bc rgb(64,5,188)
```
#4606cf
```
#4606cf rgb(70,6,207)
```
#4d06e2
```
#4d06e2 rgb(77,6,226)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```

Shade Color Variation

#5f17f8
```
#5f17f8 rgb(95,23,248)
```
#6c2af9
```
#6c2af9 rgb(108,42,249)
```
#793df9
```
#793df9 rgb(121,61,249)
```
#8750fa
```
#8750fa rgb(135,80,250)
```
#9464fb
```
#9464fb rgb(148,100,251)
```
#a177fb
```
#a177fb rgb(161,119,251)
```
#ae8afc
```
#ae8afc rgb(174,138,252)
```
#bb9dfc
```
#bb9dfc rgb(187,157,252)
```
#c8b0fd
```
#c8b0fd rgb(200,176,253)
```
#d6c3fd
```
#d6c3fd rgb(214,195,253)
```
#e3d6fe
```
#e3d6fe rgb(227,214,254)
```
#f0e9fe
```
#f0e9fe rgb(240,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#7d7b81
```
#7d7b81 rgb(125,123,129)
```
#7a728a
```
#7a728a rgb(122,114,138)
```
#766894
```
#766894 rgb(118,104,148)
```
#735e9e
```
#735e9e rgb(115,94,158)
```
#6f55a7
```
#6f55a7 rgb(111,85,167)
```
#6c4bb1
```
#6c4bb1 rgb(108,75,177)
```
#6841bb
```
#6841bb rgb(104,65,187)
```
#6537c5
```
#6537c5 rgb(101,55,197)
```
#612ece
```
#612ece rgb(97,46,206)
```
#5e24d8
```
#5e24d8 rgb(94,36,216)
```
#5a1ae2
```
#5a1ae2 rgb(90,26,226)
```
#5711eb
```
#5711eb rgb(87,17,235)
```
#5307f5
```
#5307f5 rgb(83,7,245)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3e2f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1e3bc7 Protanomaly 1% of men, 0.01% of women
#1e3eb8 Deuteranomaly 6% of men, 0.4% of women
#1e429c Tritanomaly 0.01% of the population

#5307f5 hex color

#5307f5 Color Information

#5307f5 Color Conversion

Color Schemes with #5307f5

Alternatives to #5307f5

#5307f5 Preview

Shades and Tints of #5307f5

Tones of #5307f5

Color Blindness Simulator