#5306c8 hex color

In a RGB color space, hex #5306c8 is composed of 32.5% red, 2.4% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 97% magenta, 0% yellow and 21.6% black. It has a hue angle of 263.8 degrees, a saturation of 94.2% and a lightness of 40.4%. #5306c8 color hex could be obtained by blending #a60cff with #000091. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 2
- B 78
RGB color chart
- C 59
- M 97
- Y 0
- K 22
CMYK color chart

● #5306c8 color description : Strong violet.

The hexadecimal color #5306c8 has RGB values of R:83, G:6, B:200 and CMYK values of C:0.59, M:0.97, Y:0, K:0.22. Its decimal value is 5441224.

Hex triplet	5306c8	`#5306c8`
RGB Decimal	83, 6, 200	`rgb(83,6,200)`
RGB Percent	32.5, 2.4, 78.4	`rgb(32.5%,2.4%,78.4%)`
CMYK	59, 97, 0, 22
HSL	263.8°, 94.2, 40.4	`hsl(263.8,94.2%,40.4%)`
HSV (or HSB)	263.8°, 97, 78.4
Web Safe	6600cc	`#6600cc`

CIE-LAB	29.761, 67.165, -80.465
XYZ	14.056, 6.139, 55.085
xyY	0.187, 0.082, 6.139
CIE-LCH	29.761, 104.813, 309.852
CIE-LUV	29.761, 3.607, -102.43
Hunter-Lab	24.777, 57.902, -114.47
Binary	01010011, 00000110, 11001000

#5306c8
```
#5306c8 rgb(83,6,200)
```
#7bc806
```
#7bc806 rgb(123,200,6)
```

Complementary Color

#061ac8
```
#061ac8 rgb(6,26,200)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#b406c8
```
#b406c8 rgb(180,6,200)
```

Analogous Color

#1ac806
```
#1ac806 rgb(26,200,6)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#c8b406
```
#c8b406 rgb(200,180,6)
```

Split Complementary Color

#06c853
```
#06c853 rgb(6,200,83)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#c85306
```
#c85306 rgb(200,83,6)
```

Triadic Color

#067bc8
```
#067bc8 rgb(6,123,200)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#c85306
```
#c85306 rgb(200,83,6)
```
#7bc806
```
#7bc806 rgb(123,200,6)
```

Tetradic Color

#34047e
```
#34047e rgb(52,4,126)
```
#3e0596
```
#3e0596 rgb(62,5,150)
```
#4905af
```
#4905af rgb(73,5,175)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#5d07e1
```
#5d07e1 rgb(93,7,225)
```
#6809f8
```
#6809f8 rgb(104,9,248)
```
#7722f8
```
#7722f8 rgb(119,34,248)
```

Monochromatic Color

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

#2306c8
```
#2306c8 rgb(35,6,200)
```
#3306c8
```
#3306c8 rgb(51,6,200)
```
#4306c8
```
#4306c8 rgb(67,6,200)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#6306c8
```
#6306c8 rgb(99,6,200)
```
#7306c8
```
#7306c8 rgb(115,6,200)
```
#8406c8
```
#8406c8 rgb(132,6,200)
```

Similar Colors

Text with hexadecimal color #5306c8

This text has a font color of #5306c8.

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

#5306c8 background color

This paragraph has a background color of #5306c8.

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

#5306c8 border color

This element has a border color of #5306c8.

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

CSS codes

.text {color:#5306c8;}

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

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

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

#04000a
```
#04000a rgb(4,0,10)
```
#0c011d
```
#0c011d rgb(12,1,29)
```
#140130
```
#140130 rgb(20,1,48)
```
#1c0243
```
#1c0243 rgb(28,2,67)
```
#240356
```
#240356 rgb(36,3,86)
```
#2b0369
```
#2b0369 rgb(43,3,105)
```
#33047c
```
#33047c rgb(51,4,124)
```
#3b048f
```
#3b048f rgb(59,4,143)
```
#4305a2
```
#4305a2 rgb(67,5,162)
```
#4b05b5
```
#4b05b5 rgb(75,5,181)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```
#5b07db
```
#5b07db rgb(91,7,219)
```
#6307ee
```
#6307ee rgb(99,7,238)
```

Shade Color Variation

#6d11f8
```
#6d11f8 rgb(109,17,248)
```
#7824f8
```
#7824f8 rgb(120,36,248)
```
#8437f9
```
#8437f9 rgb(132,55,249)
```
#904afa
```
#904afa rgb(144,74,250)
```
#9b5dfa
```
#9b5dfa rgb(155,93,250)
```
#a770fb
```
#a770fb rgb(167,112,251)
```
#b383fb
```
#b383fb rgb(179,131,251)
```
#bf96fc
```
#bf96fc rgb(191,150,252)
```
#caa9fc
```
#caa9fc rgb(202,169,252)
```
#d6bcfd
```
#d6bcfd rgb(214,188,253)
```
#e2cffe
```
#e2cffe rgb(226,207,254)
```
#ede2fe
```
#ede2fe rgb(237,226,254)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#676569
```
#676569 rgb(103,101,105)
```
#655d71
```
#655d71 rgb(101,93,113)
```
#635579
```
#635579 rgb(99,85,121)
```
#624d81
```
#624d81 rgb(98,77,129)
```
#604589
```
#604589 rgb(96,69,137)
```
#5e3d91
```
#5e3d91 rgb(94,61,145)
```
#5d3698
```
#5d3698 rgb(93,54,152)
```
#5b2ea0
```
#5b2ea0 rgb(91,46,160)
```
#5a26a8
```
#5a26a8 rgb(90,38,168)
```
#581eb0
```
#581eb0 rgb(88,30,176)
```
#5616b8
```
#5616b8 rgb(86,22,184)
```
#550ec0
```
#550ec0 rgb(85,14,192)
```
#5306c8
```
#5306c8 rgb(83,6,200)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#392a51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#0d575d Tritanopia 0.001% of the population

Trichromacy

#1e33a8 Protanomaly 1% of men, 0.01% of women
#1e369b Deuteranomaly 6% of men, 0.4% of women
#263984 Tritanomaly 0.01% of the population

#5306c8 hex color

#5306c8 Color Information

#5306c8 Color Conversion

Color Schemes with #5306c8

Alternatives to #5306c8

#5306c8 Preview

Shades and Tints of #5306c8

Tones of #5306c8

Color Blindness Simulator