#5306b9 hex color

In a RGB color space, hex #5306b9 is composed of 32.5% red, 2.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 96.8% magenta, 0% yellow and 27.5% black. It has a hue angle of 265.8 degrees, a saturation of 93.7% and a lightness of 37.5%. #5306b9 color hex could be obtained by blending #a60cff with #000073. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 2
- B 73
RGB color chart
- C 55
- M 97
- Y 0
- K 27
CMYK color chart

● #5306b9 color description : Strong violet.

The hexadecimal color #5306b9 has RGB values of R:83, G:6, B:185 and CMYK values of C:0.55, M:0.97, Y:0, K:0.27. Its decimal value is 5441209.

Hex triplet	5306b9	`#5306b9`
RGB Decimal	83, 6, 185	`rgb(83,6,185)`
RGB Percent	32.5, 2.4, 72.5	`rgb(32.5%,2.4%,72.5%)`
CMYK	55, 97, 0, 27
HSL	265.8°, 93.7, 37.5	`hsl(265.8,93.7%,37.5%)`
HSV (or HSB)	265.8°, 96.8, 72.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.039, 63.684, -74.467
XYZ	12.388, 5.472, 46.3
xyY	0.193, 0.085, 5.472
CIE-LCH	28.039, 97.985, 310.537
CIE-LUV	28.039, 5.283, -93.79
Hunter-Lab	23.392, 53.594, -100.979
Binary	01010011, 00000110, 10111001

#5306b9
```
#5306b9 rgb(83,6,185)
```
#6cb906
```
#6cb906 rgb(108,185,6)
```

Complementary Color

#0613b9
```
#0613b9 rgb(6,19,185)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#ad06b9
```
#ad06b9 rgb(173,6,185)
```

Analogous Color

#13b906
```
#13b906 rgb(19,185,6)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#b9ad06
```
#b9ad06 rgb(185,173,6)
```

Split Complementary Color

#06b953
```
#06b953 rgb(6,185,83)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#b95306
```
#b95306 rgb(185,83,6)
```

Triadic Color

#066cb9
```
#066cb9 rgb(6,108,185)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#b95306
```
#b95306 rgb(185,83,6)
```
#6cb906
```
#6cb906 rgb(108,185,6)
```

Tetradic Color

#32046f
```
#32046f rgb(50,4,111)
```
#3d0488
```
#3d0488 rgb(61,4,136)
```
#4805a0
```
#4805a0 rgb(72,5,160)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#5e07d2
```
#5e07d2 rgb(94,7,210)
```
#6908ea
```
#6908ea rgb(105,8,234)
```
#7614f7
```
#7614f7 rgb(118,20,247)
```

Monochromatic Color

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

#2606b9
```
#2606b9 rgb(38,6,185)
```
#3506b9
```
#3506b9 rgb(53,6,185)
```
#4406b9
```
#4406b9 rgb(68,6,185)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#6206b9
```
#6206b9 rgb(98,6,185)
```
#7106b9
```
#7106b9 rgb(113,6,185)
```
#8006b9
```
#8006b9 rgb(128,6,185)
```

Similar Colors

Text with hexadecimal color #5306b9

This text has a font color of #5306b9.

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

#5306b9 background color

This paragraph has a background color of #5306b9.

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

#5306b9 border color

This element has a border color of #5306b9.

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

CSS codes

.text {color:#5306b9;}

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

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

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, #06000e is the darkest color, while #fcfaff is the lightest one.

#06000e
```
#06000e rgb(6,0,14)
```
#0f0121
```
#0f0121 rgb(15,1,33)
```
#170234
```
#170234 rgb(23,2,52)
```
#200247
```
#200247 rgb(32,2,71)
```
#28035a
```
#28035a rgb(40,3,90)
```
#31046d
```
#31046d rgb(49,4,109)
```
#390480
```
#390480 rgb(57,4,128)
```
#420593
```
#420593 rgb(66,5,147)
```
#4a05a6
```
#4a05a6 rgb(74,5,166)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```
#5c07cc
```
#5c07cc rgb(92,7,204)
```
#6407df
```
#6407df rgb(100,7,223)
```
#6d08f2
```
#6d08f2 rgb(109,8,242)
```

Shade Color Variation

#7716f7
```
#7716f7 rgb(119,22,247)
```
#8229f8
```
#8229f8 rgb(130,41,248)
```
#8d3cf9
```
#8d3cf9 rgb(141,60,249)
```
#984ff9
```
#984ff9 rgb(152,79,249)
```
#a362fa
```
#a362fa rgb(163,98,250)
```
#ae75fb
```
#ae75fb rgb(174,117,251)
```
#ba88fb
```
#ba88fb rgb(186,136,251)
```
#c59bfc
```
#c59bfc rgb(197,155,252)
```
#d0aefc
```
#d0aefc rgb(208,174,252)
```
#dbc1fd
```
#dbc1fd rgb(219,193,253)
```
#e6d4fe
```
#e6d4fe rgb(230,212,254)
```
#f1e7fe
```
#f1e7fe rgb(241,231,254)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#5f5e61
```
#5f5e61 rgb(95,94,97)
```
#5e5768
```
#5e5768 rgb(94,87,104)
```
#5d4f70
```
#5d4f70 rgb(93,79,112)
```
#5c4877
```
#5c4877 rgb(92,72,119)
```
#5b417e
```
#5b417e rgb(91,65,126)
```
#5a3986
```
#5a3986 rgb(90,57,134)
```
#59328d
```
#59328d rgb(89,50,141)
```
#582b94
```
#582b94 rgb(88,43,148)
```
#57239c
```
#57239c rgb(87,35,156)
```
#561ca3
```
#561ca3 rgb(86,28,163)
```
#5515aa
```
#5515aa rgb(85,21,170)
```
#540db2
```
#540db2 rgb(84,13,178)
```
#5306b9
```
#5306b9 rgb(83,6,185)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#38284c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#2b5157 Tritanopia 0.001% of the population

Trichromacy

#1e319e Protanomaly 1% of men, 0.01% of women
#1e3392 Deuteranomaly 6% of men, 0.4% of women
#3a357a Tritanomaly 0.01% of the population

#5306b9 hex color

#5306b9 Color Information

#5306b9 Color Conversion

Color Schemes with #5306b9

Alternatives to #5306b9

#5306b9 Preview

Shades and Tints of #5306b9

Tones of #5306b9

Color Blindness Simulator