#5306d7 hex color

In a RGB color space, hex #5306d7 is composed of 32.5% red, 2.4% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 97.2% magenta, 0% yellow and 15.7% black. It has a hue angle of 262.1 degrees, a saturation of 94.6% and a lightness of 43.3%. #5306d7 color hex could be obtained by blending #a60cff with #0000af. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 2
- B 84
RGB color chart
- C 61
- M 97
- Y 0
- K 16
CMYK color chart

● #5306d7 color description : Strong violet.

The hexadecimal color #5306d7 has RGB values of R:83, G:6, B:215 and CMYK values of C:0.61, M:0.97, Y:0, K:0.16. Its decimal value is 5441239.

Hex triplet	5306d7	`#5306d7`
RGB Decimal	83, 6, 215	`rgb(83,6,215)`
RGB Percent	32.5, 2.4, 84.3	`rgb(32.5%,2.4%,84.3%)`
CMYK	61, 97, 0, 16
HSL	262.1°, 94.6, 43.3	`hsl(262.1,94.6%,43.3%)`
HSV (or HSB)	262.1°, 97.2, 84.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.521, 70.646, -86.276
XYZ	15.896, 6.875, 64.776
xyY	0.182, 0.079, 6.875
CIE-LCH	31.521, 111.51, 309.312
CIE-LUV	31.521, 2.08, -110.995
Hunter-Lab	26.22, 62.329, -128.118
Binary	01010011, 00000110, 11010111

#5306d7
```
#5306d7 rgb(83,6,215)
```
#8ad706
```
#8ad706 rgb(138,215,6)
```

Complementary Color

#0622d7
```
#0622d7 rgb(6,34,215)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#bc06d7
```
#bc06d7 rgb(188,6,215)
```

Analogous Color

#22d706
```
#22d706 rgb(34,215,6)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#d7bc06
```
#d7bc06 rgb(215,188,6)
```

Split Complementary Color

#06d753
```
#06d753 rgb(6,215,83)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#d75306
```
#d75306 rgb(215,83,6)
```

Triadic Color

#068ad7
```
#068ad7 rgb(6,138,215)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#d75306
```
#d75306 rgb(215,83,6)
```
#8ad706
```
#8ad706 rgb(138,215,6)
```

Tetradic Color

#36048d
```
#36048d rgb(54,4,141)
```
#4005a5
```
#4005a5 rgb(64,5,165)
```
#4905be
```
#4905be rgb(73,5,190)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#5d07f0
```
#5d07f0 rgb(93,7,240)
```
#6a17f9
```
#6a17f9 rgb(106,23,249)
```
#7a30f9
```
#7a30f9 rgb(122,48,249)
```

Monochromatic Color

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

#1f06d7
```
#1f06d7 rgb(31,6,215)
```
#3006d7
```
#3006d7 rgb(48,6,215)
```
#4206d7
```
#4206d7 rgb(66,6,215)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#6406d7
```
#6406d7 rgb(100,6,215)
```
#7606d7
```
#7606d7 rgb(118,6,215)
```
#8706d7
```
#8706d7 rgb(135,6,215)
```

Similar Colors

Text with hexadecimal color #5306d7

This text has a font color of #5306d7.

<span style="color:#5306d7;">Text here</span>

#5306d7 background color

This paragraph has a background color of #5306d7.

<p style="background-color:#5306d7;">Content here</p>

#5306d7 border color

This element has a border color of #5306d7.

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

CSS codes

.text {color:#5306d7;}

.background {background-color:#5306d7;}

.border {border:1px solid #5306d7;}

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 #f6f1ff is the lightest one.

#020005
```
#020005 rgb(2,0,5)
```
#090118
```
#090118 rgb(9,1,24)
```
#11012b
```
#11012b rgb(17,1,43)
```
#18023e
```
#18023e rgb(24,2,62)
```
#1f0251
```
#1f0251 rgb(31,2,81)
```
#270365
```
#270365 rgb(39,3,101)
```
#2e0378
```
#2e0378 rgb(46,3,120)
```
#36048b
```
#36048b rgb(54,4,139)
```
#3d049e
```
#3d049e rgb(61,4,158)
```
#4405b1
```
#4405b1 rgb(68,5,177)
```
#4c05c4
```
#4c05c4 rgb(76,5,196)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```
#5a07ea
```
#5a07ea rgb(90,7,234)
```

Shade Color Variation

#630cf8
```
#630cf8 rgb(99,12,248)
```
#6f1ff9
```
#6f1ff9 rgb(111,31,249)
```
#7c32f9
```
#7c32f9 rgb(124,50,249)
```
#8845fa
```
#8845fa rgb(136,69,250)
```
#9458fa
```
#9458fa rgb(148,88,250)
```
#a06bfb
```
#a06bfb rgb(160,107,251)
```
#ad7ffb
```
#ad7ffb rgb(173,127,251)
```
#b992fc
```
#b992fc rgb(185,146,252)
```
#c5a5fc
```
#c5a5fc rgb(197,165,252)
```
#d1b8fd
```
#d1b8fd rgb(209,184,253)
```
#decbfe
```
#decbfe rgb(222,203,254)
```
#eadefe
```
#eadefe rgb(234,222,254)
```
#f6f1ff
```
#f6f1ff rgb(246,241,255)
```

Tint Color Variation

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

#6e6c71
```
#6e6c71 rgb(110,108,113)
```
#6c647a
```
#6c647a rgb(108,100,122)
```
#695b82
```
#695b82 rgb(105,91,130)
```
#67538b
```
#67538b rgb(103,83,139)
```
#654a93
```
#654a93 rgb(101,74,147)
```
#63429c
```
#63429c rgb(99,66,156)
```
#6039a4
```
#6039a4 rgb(96,57,164)
```
#5e31ad
```
#5e31ad rgb(94,49,173)
```
#5c28b5
```
#5c28b5 rgb(92,40,181)
```
#5a20be
```
#5a20be rgb(90,32,190)
```
#5717c6
```
#5717c6 rgb(87,23,198)
```
#550fcf
```
#550fcf rgb(85,15,207)
```
#5306d7
```
#5306d7 rgb(83,6,215)
```

Tone Color Variation

Below, you can see how #5306d7 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

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1e35b2 Protanomaly 1% of men, 0.01% of women
#1e38a4 Deuteranomaly 6% of men, 0.4% of women
#1e3c8c Tritanomaly 0.01% of the population

#5306d7 hex color

#5306d7 Color Information

#5306d7 Color Conversion

Color Schemes with #5306d7

Alternatives to #5306d7

#5306d7 Preview

Shades and Tints of #5306d7

Tones of #5306d7

Color Blindness Simulator