#5306df hex color

In a RGB color space, hex #5306df is composed of 32.5% red, 2.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 97.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 261.3 degrees, a saturation of 94.8% and a lightness of 44.9%. #5306df color hex could be obtained by blending #a60cff with #0000bf. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 2
- B 87
RGB color chart
- C 63
- M 97
- Y 0
- K 13
CMYK color chart

● #5306df color description : Vivid violet.

The hexadecimal color #5306df has RGB values of R:83, G:6, B:223 and CMYK values of C:0.63, M:0.97, Y:0, K:0.13. Its decimal value is 5441247.

Hex triplet	5306df	`#5306df`
RGB Decimal	83, 6, 223	`rgb(83,6,223)`
RGB Percent	32.5, 2.4, 87.5	`rgb(32.5%,2.4%,87.5%)`
CMYK	63, 97, 0, 13
HSL	261.3°, 94.8, 44.9	`hsl(261.3,94.8%,44.9%)`
HSV (or HSB)	261.3°, 97.3, 87.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.472, 72.5, -89.306
XYZ	16.949, 7.296, 70.323
xyY	0.179, 0.077, 7.296
CIE-LCH	32.472, 115.03, 309.07
CIE-LUV	32.472, 1.317, -115.535
Hunter-Lab	27.012, 64.734, -135.449
Binary	01010011, 00000110, 11011111

#5306df
```
#5306df rgb(83,6,223)
```
#92df06
```
#92df06 rgb(146,223,6)
```

Complementary Color

#0625df
```
#0625df rgb(6,37,223)
```
#5306df
```
#5306df rgb(83,6,223)
```
#c006df
```
#c006df rgb(192,6,223)
```

Analogous Color

#25df06
```
#25df06 rgb(37,223,6)
```
#5306df
```
#5306df rgb(83,6,223)
```
#dfc006
```
#dfc006 rgb(223,192,6)
```

Split Complementary Color

#06df53
```
#06df53 rgb(6,223,83)
```
#5306df
```
#5306df rgb(83,6,223)
```
#df5306
```
#df5306 rgb(223,83,6)
```

Triadic Color

#0692df
```
#0692df rgb(6,146,223)
```
#5306df
```
#5306df rgb(83,6,223)
```
#df5306
```
#df5306 rgb(223,83,6)
```
#92df06
```
#92df06 rgb(146,223,6)
```

Tetradic Color

#370495
```
#370495 rgb(55,4,149)
```
#4105ad
```
#4105ad rgb(65,5,173)
```
#4a05c6
```
#4a05c6 rgb(74,5,198)
```
#5306df
```
#5306df rgb(83,6,223)
```
#5c07f8
```
#5c07f8 rgb(92,7,248)
```
#6c1ff9
```
#6c1ff9 rgb(108,31,249)
```
#7d38fa
```
#7d38fa rgb(125,56,250)
```

Monochromatic Color

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

#1d06df
```
#1d06df rgb(29,6,223)
```
#2f06df
```
#2f06df rgb(47,6,223)
```
#4106df
```
#4106df rgb(65,6,223)
```
#5306df
```
#5306df rgb(83,6,223)
```
#6506df
```
#6506df rgb(101,6,223)
```
#7706df
```
#7706df rgb(119,6,223)
```
#8906df
```
#8906df rgb(137,6,223)
```

Similar Colors

Text with hexadecimal color #5306df

This text has a font color of #5306df.

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

#5306df background color

This paragraph has a background color of #5306df.

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

#5306df border color

This element has a border color of #5306df.

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

CSS codes

.text {color:#5306df;}

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

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

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

#05000d
```
#05000d rgb(5,0,13)
```
#0c0120
```
#0c0120 rgb(12,1,32)
```
#130133
```
#130133 rgb(19,1,51)
```
#1a0246
```
#1a0246 rgb(26,2,70)
```
#210259
```
#210259 rgb(33,2,89)
```
#28036c
```
#28036c rgb(40,3,108)
```
#2f037f
```
#2f037f rgb(47,3,127)
```
#370493
```
#370493 rgb(55,4,147)
```
#3e04a6
```
#3e04a6 rgb(62,4,166)
```
#4505b9
```
#4505b9 rgb(69,5,185)
```
#4c05cc
```
#4c05cc rgb(76,5,204)
```
#5306df
```
#5306df rgb(83,6,223)
```
#5a07f2
```
#5a07f2 rgb(90,7,242)
```

Shade Color Variation

#6514f9
```
#6514f9 rgb(101,20,249)
```
#7127f9
```
#7127f9 rgb(113,39,249)
```
#7e3afa
```
#7e3afa rgb(126,58,250)
```
#8a4dfa
```
#8a4dfa rgb(138,77,250)
```
#9760fb
```
#9760fb rgb(151,96,251)
```
#a373fb
```
#a373fb rgb(163,115,251)
```
#b086fc
```
#b086fc rgb(176,134,252)
```
#bc99fc
```
#bc99fc rgb(188,153,252)
```
#c9acfd
```
#c9acfd rgb(201,172,253)
```
#d5bffd
```
#d5bffd rgb(213,191,253)
```
#e2d3fe
```
#e2d3fe rgb(226,211,254)
```
#eee6fe
```
#eee6fe rgb(238,230,254)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#727075
```
#727075 rgb(114,112,117)
```
#6f677e
```
#6f677e rgb(111,103,126)
```
#6d5e87
```
#6d5e87 rgb(109,94,135)
```
#6a5590
```
#6a5590 rgb(106,85,144)
```
#674c99
```
#674c99 rgb(103,76,153)
```
#6544a1
```
#6544a1 rgb(101,68,161)
```
#623baa
```
#623baa rgb(98,59,170)
```
#6032b3
```
#6032b3 rgb(96,50,179)
```
#5d29bc
```
#5d29bc rgb(93,41,188)
```
#5b20c5
```
#5b20c5 rgb(91,32,197)
```
#5818cd
```
#5818cd rgb(88,24,205)
```
#560fd6
```
#560fd6 rgb(86,15,214)
```
#5306df
```
#5306df rgb(83,6,223)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3c2c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588b Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#1e37b7 Protanomaly 1% of men, 0.01% of women
#1e3aaa Deuteranomaly 6% of men, 0.4% of women
#1e3e90 Tritanomaly 0.01% of the population

#5306df hex color

#5306df Color Information

#5306df Color Conversion

Color Schemes with #5306df

Alternatives to #5306df

#5306df Preview

Shades and Tints of #5306df

Tones of #5306df

Color Blindness Simulator