colorhexa.com

#5306e9 hex color

In a RGB color space, hex #5306e9 is composed of 32.5% red, 2.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 97.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 260.4 degrees, a saturation of 95% and a lightness of 46.9%. #5306e9 color hex could be obtained by blending #a60cff with #0000d3. Closest websafe color is: #6600ff.

- R 33
- G 2
- B 91
RGB color chart
- C 64
- M 97
- Y 0
- K 9
CMYK color chart

● #5306e9 color description : Vivid violet.

The hexadecimal color #5306e9 has RGB values of R:83, G:6, B:233 and CMYK values of C:0.64, M:0.97, Y:0, K:0.09. Its decimal value is 5441257.

Hex triplet	5306e9	`#5306e9`
RGB Decimal	83, 6, 233	`rgb(83,6,233)`
RGB Percent	32.5, 2.4, 91.4	`rgb(32.5%,2.4%,91.4%)`
CMYK	64, 97, 0, 9
HSL	260.4°, 95, 46.9	`hsl(260.4,95%,46.9%)`
HSV (or HSB)	260.4°, 97.4, 91.4
Web Safe	6600ff	`#6600ff`

CIE-LAB	33.672, 74.812, -93.033
XYZ	18.338, 7.852, 77.636
xyY	0.177, 0.076, 7.852
CIE-LCH	33.672, 119.382, 308.804
CIE-LUV	33.672, 0.408, -121.184
Hunter-Lab	28.021, 67.778, -144.656
Binary	01010011, 00000110, 11101001

#5306e9
```
#5306e9 rgb(83,6,233)
```
#9ce906
```
#9ce906 rgb(156,233,6)
```

Complementary Color

#062ae9
```
#062ae9 rgb(6,42,233)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```
#c506e9
```
#c506e9 rgb(197,6,233)
```

Analogous Color

#2ae906
```
#2ae906 rgb(42,233,6)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```
#e9c506
```
#e9c506 rgb(233,197,6)
```

Split Complementary Color

#38049e
```
#38049e rgb(56,4,158)
```
#4105b7
```
#4105b7 rgb(65,5,183)
```
#4a05d0
```
#4a05d0 rgb(74,5,208)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```
#5f10f9
```
#5f10f9 rgb(95,16,249)
```
#6f29f9
```
#6f29f9 rgb(111,41,249)
```
#8041fa
```
#8041fa rgb(128,65,250)
```

Monochromatic Color

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

#1a06e9
```
#1a06e9 rgb(26,6,233)
```
#2d06e9
```
#2d06e9 rgb(45,6,233)
```
#4006e9
```
#4006e9 rgb(64,6,233)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```
#6606e9
```
#6606e9 rgb(102,6,233)
```
#7906e9
```
#7906e9 rgb(121,6,233)
```
#8c06e9
```
#8c06e9 rgb(140,6,233)
```

Similar Colors

Text with hexadecimal color #5306e9

This text has a font color of #5306e9.

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

#5306e9 background color

This paragraph has a background color of #5306e9.

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

#5306e9 border color

This element has a border color of #5306e9.

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

CSS codes

.text {color:#5306e9;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#080117
```
#080117 rgb(8,1,23)
```
#0f012a
```
#0f012a rgb(15,1,42)
```
#16023d
```
#16023d rgb(22,2,61)
```
#1d0250
```
#1d0250 rgb(29,2,80)
```
#230363
```
#230363 rgb(35,3,99)
```
#2a0376
```
#2a0376 rgb(42,3,118)
```
#310489
```
#310489 rgb(49,4,137)
```
#38049d
```
#38049d rgb(56,4,157)
```
#3f05b0
```
#3f05b0 rgb(63,5,176)
```
#4505c3
```
#4505c3 rgb(69,5,195)
```
#4c06d6
```
#4c06d6 rgb(76,6,214)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```

Shade Color Variation

#5b0af9
```
#5b0af9 rgb(91,10,249)
```
#681df9
```
#681df9 rgb(104,29,249)
```
#7530fa
```
#7530fa rgb(117,48,250)
```
#8143fa
```
#8143fa rgb(129,67,250)
```
#8e56fb
```
#8e56fb rgb(142,86,251)
```
#9b6afb
```
#9b6afb rgb(155,106,251)
```
#a87dfc
```
#a87dfc rgb(168,125,252)
```
#b590fc
```
#b590fc rgb(181,144,252)
```
#c1a3fd
```
#c1a3fd rgb(193,163,253)
```
#ceb6fd
```
#ceb6fd rgb(206,182,253)
```
#dbc9fe
```
#dbc9fe rgb(219,201,254)
```
#e8dcfe
```
#e8dcfe rgb(232,220,254)
```
#f5efff
```
#f5efff rgb(245,239,255)
```

Tint Color Variation

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

#76747b
```
#76747b rgb(118,116,123)
```
#746b84
```
#746b84 rgb(116,107,132)
```
#71628d
```
#71628d rgb(113,98,141)
```
#6e5996
```
#6e5996 rgb(110,89,150)
```
#6b509f
```
#6b509f rgb(107,80,159)
```
#6846a9
```
#6846a9 rgb(104,70,169)
```
#653db2
```
#653db2 rgb(101,61,178)
```
#6234bb
```
#6234bb rgb(98,52,187)
```
#5f2bc4
```
#5f2bc4 rgb(95,43,196)
```
#5c22cd
```
#5c22cd rgb(92,34,205)
```
#5918d7
```
#5918d7 rgb(89,24,215)
```
#560fe0
```
#560fe0 rgb(86,15,224)
```
#5306e9
```
#5306e9 rgb(83,6,233)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3d2d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1e38be Protanomaly 1% of men, 0.01% of women
#1e3cb0 Deuteranomaly 6% of men, 0.4% of women
#1e3f95 Tritanomaly 0.01% of the population