colorhexa.com

#5307b4 hex color

In a RGB color space, hex #5307b4 is composed of 32.5% red, 2.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 96.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 266.4 degrees, a saturation of 92.5% and a lightness of 36.7%. #5307b4 color hex could be obtained by blending #a60eff with #000069. Closest websafe color is: #6600cc.

- R 33
- G 3
- B 71
RGB color chart
- C 54
- M 96
- Y 0
- K 29
CMYK color chart

● #5307b4 color description : Strong violet.

The hexadecimal color #5307b4 has RGB values of R:83, G:7, B:180 and CMYK values of C:0.54, M:0.96, Y:0, K:0.29. Its decimal value is 5441460.

Hex triplet	5307b4	`#5307b4`
RGB Decimal	83, 7, 180	`rgb(83,7,180)`
RGB Percent	32.5, 2.7, 70.6	`rgb(32.5%,2.7%,70.6%)`
CMYK	54, 96, 0, 29
HSL	266.4°, 92.5, 36.7	`hsl(266.4,92.5%,36.7%)`
HSV (or HSB)	266.4°, 96.1, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	27.535, 62.345, -72.322
XYZ	11.88, 5.286, 43.572
xyY	0.196, 0.087, 5.286
CIE-LCH	27.535, 95.485, 310.763
CIE-LUV	27.535, 5.843, -90.893
Hunter-Lab	22.991, 51.999, -96.268
Binary	01010011, 00000111, 10110100

#5307b4
```
#5307b4 rgb(83,7,180)
```
#68b407
```
#68b407 rgb(104,180,7)
```

Complementary Color

#0712b4
```
#0712b4 rgb(7,18,180)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```
#aa07b4
```
#aa07b4 rgb(170,7,180)
```

Analogous Color

#12b407
```
#12b407 rgb(18,180,7)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```
#b4aa07
```
#b4aa07 rgb(180,170,7)
```

Split Complementary Color

#31046a
```
#31046a rgb(49,4,106)
```
#3c0583
```
#3c0583 rgb(60,5,131)
```
#48069b
```
#48069b rgb(72,6,155)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```
#5e08cd
```
#5e08cd rgb(94,8,205)
```
#6a09e5
```
#6a09e5 rgb(106,9,229)
```
#7612f6
```
#7612f6 rgb(118,18,246)
```

Monochromatic Color

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

#2807b4
```
#2807b4 rgb(40,7,180)
```
#3607b4
```
#3607b4 rgb(54,7,180)
```
#4507b4
```
#4507b4 rgb(69,7,180)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```
#6107b4
```
#6107b4 rgb(97,7,180)
```
#7007b4
```
#7007b4 rgb(112,7,180)
```
#7e07b4
```
#7e07b4 rgb(126,7,180)
```

Similar Colors

Text with hexadecimal color #5307b4

This text has a font color of #5307b4.

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

#5307b4 background color

This paragraph has a background color of #5307b4.

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

#5307b4 border color

This element has a border color of #5307b4.

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

CSS codes

.text {color:#5307b4;}

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

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

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, #05000a is the darkest color, while #faf6ff is the lightest one.

#05000a
```
#05000a rgb(5,0,10)
```
#0d011d
```
#0d011d rgb(13,1,29)
```
#160230
```
#160230 rgb(22,2,48)
```
#1f0343
```
#1f0343 rgb(31,3,67)
```
#270356
```
#270356 rgb(39,3,86)
```
#300468
```
#300468 rgb(48,4,104)
```
#39057b
```
#39057b rgb(57,5,123)
```
#42068e
```
#42068e rgb(66,6,142)
```
#4a06a1
```
#4a06a1 rgb(74,6,161)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```
#5c08c7
```
#5c08c7 rgb(92,8,199)
```
#6408da
```
#6408da rgb(100,8,218)
```
#6d09ed
```
#6d09ed rgb(109,9,237)
```

Shade Color Variation

#7714f6
```
#7714f6 rgb(119,20,246)
```
#8226f7
```
#8226f7 rgb(130,38,247)
```
#8d39f7
```
#8d39f7 rgb(141,57,247)
```
#984cf8
```
#984cf8 rgb(152,76,248)
```
#a35ff9
```
#a35ff9 rgb(163,95,249)
```
#ae72fa
```
#ae72fa rgb(174,114,250)
```
#b885fa
```
#b885fa rgb(184,133,250)
```
#c398fb
```
#c398fb rgb(195,152,251)
```
#ceabfc
```
#ceabfc rgb(206,171,252)
```
#d9befc
```
#d9befc rgb(217,190,252)
```
#e4d0fd
```
#e4d0fd rgb(228,208,253)
```
#efe3fe
```
#efe3fe rgb(239,227,254)
```
#faf6ff
```
#faf6ff rgb(250,246,255)
```

Tint Color Variation

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

#5d5d5e
```
#5d5d5e rgb(93,93,94)
```
#5d5665
```
#5d5665 rgb(93,86,101)
```
#5c4f6c
```
#5c4f6c rgb(92,79,108)
```
#5b4873
```
#5b4873 rgb(91,72,115)
```
#5a417a
```
#5a417a rgb(90,65,122)
```
#593982
```
#593982 rgb(89,57,130)
```
#583289
```
#583289 rgb(88,50,137)
```
#572b90
```
#572b90 rgb(87,43,144)
```
#562497
```
#562497 rgb(86,36,151)
```
#561d9e
```
#561d9e rgb(86,29,158)
```
#5515a6
```
#5515a6 rgb(85,21,166)
```
#540ead
```
#540ead rgb(84,14,173)
```
#5307b4
```
#5307b4 rgb(83,7,180)
```

Tone Color Variation

Below, you can see how #5307b4 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
#38294b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004d7a Deuteranopia 1% of men
#304f55 Tritanopia 0.001% of the population

Trichromacy

#1e309b Protanomaly 1% of men, 0.01% of women
#1e338f Deuteranomaly 6% of men, 0.4% of women
#3d3577 Tritanomaly 0.01% of the population