#5309d4 hex color

In a RGB color space, hex #5309d4 is composed of 32.5% red, 3.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 95.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 261.9 degrees, a saturation of 91.9% and a lightness of 43.3%. #5309d4 color hex could be obtained by blending #a612ff with #0000a9. Closest websafe color is: #6600cc.

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

● #5309d4 color description : Strong violet.

The hexadecimal color #5309d4 has RGB values of R:83, G:9, B:212 and CMYK values of C:0.61, M:0.96, Y:0, K:0.17. Its decimal value is 5442004.

Hex triplet	5309d4	`#5309d4`
RGB Decimal	83, 9, 212	`rgb(83,9,212)`
RGB Percent	32.5, 3.5, 83.1	`rgb(32.5%,3.5%,83.1%)`
CMYK	61, 96, 0, 17
HSL	261.9°, 91.9, 43.3	`hsl(261.9,91.9%,43.3%)`
HSV (or HSB)	261.9°, 95.8, 83.1
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.318, 69.487, -84.875
XYZ	15.546, 6.787, 62.775
xyY	0.183, 0.08, 6.787
CIE-LCH	31.318, 109.692, 309.307
CIE-LUV	31.318, 2.278, -109.315
Hunter-Lab	26.053, 60.925, -124.625
Binary	01010011, 00001001, 11010100

#5309d4
```
#5309d4 rgb(83,9,212)
```
#8ad409
```
#8ad409 rgb(138,212,9)
```

Complementary Color

#0924d4
```
#0924d4 rgb(9,36,212)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#b909d4
```
#b909d4 rgb(185,9,212)
```

Analogous Color

#25d409
```
#25d409 rgb(37,212,9)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#d4b909
```
#d4b909 rgb(212,185,9)
```

Split Complementary Color

#09d453
```
#09d453 rgb(9,212,83)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#d45309
```
#d45309 rgb(212,83,9)
```

Triadic Color

#098ad4
```
#098ad4 rgb(9,138,212)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#d45309
```
#d45309 rgb(212,83,9)
```
#8ad409
```
#8ad409 rgb(138,212,9)
```

Tetradic Color

#36068b
```
#36068b rgb(54,6,139)
```
#4007a3
```
#4007a3 rgb(64,7,163)
```
#4908bc
```
#4908bc rgb(73,8,188)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#5d0aec
```
#5d0aec rgb(93,10,236)
```
#6a1bf5
```
#6a1bf5 rgb(106,27,245)
```
#7a33f6
```
#7a33f6 rgb(122,51,246)
```

Monochromatic Color

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

#2009d4
```
#2009d4 rgb(32,9,212)
```
#3109d4
```
#3109d4 rgb(49,9,212)
```
#4209d4
```
#4209d4 rgb(66,9,212)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#6409d4
```
#6409d4 rgb(100,9,212)
```
#7509d4
```
#7509d4 rgb(117,9,212)
```
#8609d4
```
#8609d4 rgb(134,9,212)
```

Similar Colors

Text with hexadecimal color #5309d4

This text has a font color of #5309d4.

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

#5309d4 background color

This paragraph has a background color of #5309d4.

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

#5309d4 border color

This element has a border color of #5309d4.

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

CSS codes

.text {color:#5309d4;}

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

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

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

#020005
```
#020005 rgb(2,0,5)
```
#090118
```
#090118 rgb(9,1,24)
```
#11022b
```
#11022b rgb(17,2,43)
```
#18033d
```
#18033d rgb(24,3,61)
```
#1f0350
```
#1f0350 rgb(31,3,80)
```
#270463
```
#270463 rgb(39,4,99)
```
#2e0576
```
#2e0576 rgb(46,5,118)
```
#360689
```
#360689 rgb(54,6,137)
```
#3d079c
```
#3d079c rgb(61,7,156)
```
#4407ae
```
#4407ae rgb(68,7,174)
```
#4c08c1
```
#4c08c1 rgb(76,8,193)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#5a0ae7
```
#5a0ae7 rgb(90,10,231)
```

Shade Color Variation

#630ff5
```
#630ff5 rgb(99,15,245)
```
#6f22f6
```
#6f22f6 rgb(111,34,246)
```
#7c35f6
```
#7c35f6 rgb(124,53,246)
```
#8848f7
```
#8848f7 rgb(136,72,247)
```
#945bf8
```
#945bf8 rgb(148,91,248)
```
#a06df9
```
#a06df9 rgb(160,109,249)
```
#ad80fa
```
#ad80fa rgb(173,128,250)
```
#b993fa
```
#b993fa rgb(185,147,250)
```
#c5a6fb
```
#c5a6fb rgb(197,166,251)
```
#d1b9fc
```
#d1b9fc rgb(209,185,252)
```
#deccfd
```
#deccfd rgb(222,204,253)
```
#eadefe
```
#eadefe rgb(234,222,254)
```
#f6f1fe
```
#f6f1fe rgb(246,241,254)
```

Tint Color Variation

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

#6c6777
```
#6c6777 rgb(108,103,119)
```
#6a5e7f
```
#6a5e7f rgb(106,94,127)
```
#685688
```
#685688 rgb(104,86,136)
```
#654d90
```
#654d90 rgb(101,77,144)
```
#634599
```
#634599 rgb(99,69,153)
```
#613ca1
```
#613ca1 rgb(97,60,161)
```
#5f34aa
```
#5f34aa rgb(95,52,170)
```
#5c2bb2
```
#5c2bb2 rgb(92,43,178)
```
#5a23bb
```
#5a23bb rgb(90,35,187)
```
#581ac3
```
#581ac3 rgb(88,26,195)
```
#5512cc
```
#5512cc rgb(85,18,204)
```
#5309d4
```
#5309d4 rgb(83,9,212)
```
#5100dd
```
#5100dd rgb(81,0,221)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3c2d56 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

#1e36b0 Protanomaly 1% of men, 0.01% of women
#1e39a3 Deuteranomaly 6% of men, 0.4% of women
#1e3d8a Tritanomaly 0.01% of the population

#5309d4 hex color

#5309d4 Color Information

#5309d4 Color Conversion

Color Schemes with #5309d4

Alternatives to #5309d4

#5309d4 Preview

Shades and Tints of #5309d4

Tones of #5309d4

Color Blindness Simulator