#5307d4 hex color

In a RGB color space, hex #5307d4 is composed of 32.5% red, 2.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 96.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 262.2 degrees, a saturation of 93.6% and a lightness of 42.9%. #5307d4 color hex could be obtained by blending #a60eff with #0000a9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 3
- B 83
RGB color chart
- C 61
- M 97
- Y 0
- K 17
CMYK color chart

● #5307d4 color description : Strong violet.

The hexadecimal color #5307d4 has RGB values of R:83, G:7, B:212 and CMYK values of C:0.61, M:0.97, Y:0, K:0.17. Its decimal value is 5441492.

Hex triplet	5307d4	`#5307d4`
RGB Decimal	83, 7, 212	`rgb(83,7,212)`
RGB Percent	32.5, 2.7, 83.1	`rgb(32.5%,2.7%,83.1%)`
CMYK	61, 97, 0, 17
HSL	262.2°, 93.6, 42.9	`hsl(262.2,93.6%,42.9%)`
HSV (or HSB)	262.2°, 96.7, 83.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.217, 69.796, -85.043
XYZ	15.525, 6.744, 62.767
xyY	0.183, 0.079, 6.744
CIE-LCH	31.217, 110.017, 309.376
CIE-LUV	31.217, 2.343, -109.297
Hunter-Lab	25.969, 61.264, -125.126
Binary	01010011, 00000111, 11010100

#5307d4
```
#5307d4 rgb(83,7,212)
```
#88d407
```
#88d407 rgb(136,212,7)
```

Complementary Color

#0721d4
```
#0721d4 rgb(7,33,212)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#ba07d4
```
#ba07d4 rgb(186,7,212)
```

Analogous Color

#21d407
```
#21d407 rgb(33,212,7)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#d4ba07
```
#d4ba07 rgb(212,186,7)
```

Split Complementary Color

#07d453
```
#07d453 rgb(7,212,83)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#d45307
```
#d45307 rgb(212,83,7)
```

Triadic Color

#0788d4
```
#0788d4 rgb(7,136,212)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#d45307
```
#d45307 rgb(212,83,7)
```
#88d407
```
#88d407 rgb(136,212,7)
```

Tetradic Color

#36058a
```
#36058a rgb(54,5,138)
```
#4005a3
```
#4005a3 rgb(64,5,163)
```
#4906bb
```
#4906bb rgb(73,6,187)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#5d08ed
```
#5d08ed rgb(93,8,237)
```
#6a17f7
```
#6a17f7 rgb(106,23,247)
```
#7a2ff8
```
#7a2ff8 rgb(122,47,248)
```

Monochromatic Color

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

#2007d4
```
#2007d4 rgb(32,7,212)
```
#3107d4
```
#3107d4 rgb(49,7,212)
```
#4207d4
```
#4207d4 rgb(66,7,212)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#6407d4
```
#6407d4 rgb(100,7,212)
```
#7507d4
```
#7507d4 rgb(117,7,212)
```
#8607d4
```
#8607d4 rgb(134,7,212)
```

Similar Colors

Text with hexadecimal color #5307d4

This text has a font color of #5307d4.

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

#5307d4 background color

This paragraph has a background color of #5307d4.

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

#5307d4 border color

This element has a border color of #5307d4.

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

CSS codes

.text {color:#5307d4;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090116
```
#090116 rgb(9,1,22)
```
#100129
```
#100129 rgb(16,1,41)
```
#18023c
```
#18023c rgb(24,2,60)
```
#1f034f
```
#1f034f rgb(31,3,79)
```
#260362
```
#260362 rgb(38,3,98)
```
#2e0475
```
#2e0475 rgb(46,4,117)
```
#350488
```
#350488 rgb(53,4,136)
```
#3d059b
```
#3d059b rgb(61,5,155)
```
#4406ae
```
#4406ae rgb(68,6,174)
```
#4c06c1
```
#4c06c1 rgb(76,6,193)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```
#5a08e7
```
#5a08e7 rgb(90,8,231)
```

Shade Color Variation

#630bf7
```
#630bf7 rgb(99,11,247)
```
#6f1ef8
```
#6f1ef8 rgb(111,30,248)
```
#7b31f8
```
#7b31f8 rgb(123,49,248)
```
#8744f9
```
#8744f9 rgb(135,68,249)
```
#9357f9
```
#9357f9 rgb(147,87,249)
```
#a06afa
```
#a06afa rgb(160,106,250)
```
#ac7dfb
```
#ac7dfb rgb(172,125,251)
```
#b890fb
```
#b890fb rgb(184,144,251)
```
#c4a3fc
```
#c4a3fc rgb(196,163,252)
```
#d0b6fd
```
#d0b6fd rgb(208,182,253)
```
#dcc9fd
```
#dcc9fd rgb(220,201,253)
```
#e9dcfe
```
#e9dcfe rgb(233,220,254)
```
#f5effe
```
#f5effe rgb(245,239,254)
```

Tint Color Variation

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

#6d6c6f
```
#6d6c6f rgb(109,108,111)
```
#6b6477
```
#6b6477 rgb(107,100,119)
```
#695b80
```
#695b80 rgb(105,91,128)
```
#675388
```
#675388 rgb(103,83,136)
```
#644a91
```
#644a91 rgb(100,74,145)
```
#624299
```
#624299 rgb(98,66,153)
```
#603aa1
```
#603aa1 rgb(96,58,161)
```
#5e31aa
```
#5e31aa rgb(94,49,170)
```
#5c29b2
```
#5c29b2 rgb(92,41,178)
```
#5a20bb
```
#5a20bb rgb(90,32,187)
```
#5718c3
```
#5718c3 rgb(87,24,195)
```
#550fcc
```
#550fcc rgb(85,15,204)
```
#5307d4
```
#5307d4 rgb(83,7,212)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3b2c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1e35b0 Protanomaly 1% of men, 0.01% of women
#1e38a3 Deuteranomaly 6% of men, 0.4% of women
#1e3c8a Tritanomaly 0.01% of the population

#5307d4 hex color

#5307d4 Color Information

#5307d4 Color Conversion

Color Schemes with #5307d4

Alternatives to #5307d4

#5307d4 Preview

Shades and Tints of #5307d4

Tones of #5307d4

Color Blindness Simulator