#5303a6 hex color

In a RGB color space, hex #5303a6 is composed of 32.5% red, 1.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 98.2% magenta, 0% yellow and 34.9% black. It has a hue angle of 269.4 degrees, a saturation of 96.4% and a lightness of 33.1%. #5303a6 color hex could be obtained by blending #a606ff with #00004d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 1
- B 65
RGB color chart
- C 50
- M 98
- Y 0
- K 35
CMYK color chart

● #5303a6 color description : Dark violet.

The hexadecimal color #5303a6 has RGB values of R:83, G:3, B:166 and CMYK values of C:0.5, M:0.98, Y:0, K:0.35. Its decimal value is 5440422.

Hex triplet	5303a6	`#5303a6`
RGB Decimal	83, 3, 166	`rgb(83,3,166)`
RGB Percent	32.5, 1.2, 65.1	`rgb(32.5%,1.2%,65.1%)`
CMYK	50, 98, 0, 35
HSL	269.4°, 96.4, 33.1	`hsl(269.4,96.4%,33.1%)`
HSV (or HSB)	269.4°, 98.2, 65.1
Web Safe	660099	`#660099`

CIE-LAB	25.735, 59.88, -66.876
XYZ	10.482, 4.657, 36.421
xyY	0.203, 0.09, 4.657
CIE-LCH	25.735, 89.767, 311.841
CIE-LUV	25.735, 7.791, -82.725
Hunter-Lab	21.581, 48.931, -84.956
Binary	01010011, 00000011, 10100110

#5303a6
```
#5303a6 rgb(83,3,166)
```
#56a603
```
#56a603 rgb(86,166,3)
```

Complementary Color

#0304a6
```
#0304a6 rgb(3,4,166)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#a503a6
```
#a503a6 rgb(165,3,166)
```

Analogous Color

#04a603
```
#04a603 rgb(4,166,3)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#a6a503
```
#a6a503 rgb(166,165,3)
```

Split Complementary Color

#03a653
```
#03a653 rgb(3,166,83)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#a65303
```
#a65303 rgb(166,83,3)
```

Triadic Color

#0356a6
```
#0356a6 rgb(3,86,166)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#a65303
```
#a65303 rgb(166,83,3)
```
#56a603
```
#56a603 rgb(86,166,3)
```

Tetradic Color

#2d025b
```
#2d025b rgb(45,2,91)
```
#3a0274
```
#3a0274 rgb(58,2,116)
```
#46038d
```
#46038d rgb(70,3,141)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#6003bf
```
#6003bf rgb(96,3,191)
```
#6c04d8
```
#6c04d8 rgb(108,4,216)
```
#7904f1
```
#7904f1 rgb(121,4,241)
```

Monochromatic Color

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

#2a03a6
```
#2a03a6 rgb(42,3,166)
```
#3803a6
```
#3803a6 rgb(56,3,166)
```
#4503a6
```
#4503a6 rgb(69,3,166)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#6103a6
```
#6103a6 rgb(97,3,166)
```
#6e03a6
```
#6e03a6 rgb(110,3,166)
```
#7c03a6
```
#7c03a6 rgb(124,3,166)
```

Similar Colors

Text with hexadecimal color #5303a6

This text has a font color of #5303a6.

<span style="color:#5303a6;">Text here</span>

#5303a6 background color

This paragraph has a background color of #5303a6.

<p style="background-color:#5303a6;">Content here</p>

#5303a6 border color

This element has a border color of #5303a6.

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

CSS codes

.text {color:#5303a6;}

.background {background-color:#5303a6;}

.border {border:1px solid #5303a6;}

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

#06000c
```
#06000c rgb(6,0,12)
```
#10011f
```
#10011f rgb(16,1,31)
```
#190132
```
#190132 rgb(25,1,50)
```
#230146
```
#230146 rgb(35,1,70)
```
#2c0259
```
#2c0259 rgb(44,2,89)
```
#36026c
```
#36026c rgb(54,2,108)
```
#40027f
```
#40027f rgb(64,2,127)
```
#490393
```
#490393 rgb(73,3,147)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```
#5d03b9
```
#5d03b9 rgb(93,3,185)
```
#6604cd
```
#6604cd rgb(102,4,205)
```
#7004e0
```
#7004e0 rgb(112,4,224)
```
#7a04f3
```
#7a04f3 rgb(122,4,243)
```

Shade Color Variation

#8310fb
```
#8310fb rgb(131,16,251)
```
#8d24fb
```
#8d24fb rgb(141,36,251)
```
#9737fb
```
#9737fb rgb(151,55,251)
```
#a14afc
```
#a14afc rgb(161,74,252)
```
#ab5dfc
```
#ab5dfc rgb(171,93,252)
```
#b571fc
```
#b571fc rgb(181,113,252)
```
#bf84fd
```
#bf84fd rgb(191,132,253)
```
#c997fd
```
#c997fd rgb(201,151,253)
```
#d3abfd
```
#d3abfd rgb(211,171,253)
```
#ddbefe
```
#ddbefe rgb(221,190,254)
```
#e7d1fe
```
#e7d1fe rgb(231,209,254)
```
#f1e4ff
```
#f1e4ff rgb(241,228,255)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#545158
```
#545158 rgb(84,81,88)
```
#544b5f
```
#544b5f rgb(84,75,95)
```
#544465
```
#544465 rgb(84,68,101)
```
#543e6c
```
#543e6c rgb(84,62,108)
```
#543772
```
#543772 rgb(84,55,114)
```
#543179
```
#543179 rgb(84,49,121)
```
#542a7f
```
#542a7f rgb(84,42,127)
```
#542486
```
#542486 rgb(84,36,134)
```
#531d8c
```
#531d8c rgb(83,29,140)
```
#531793
```
#531793 rgb(83,23,147)
```
#531099
```
#531099 rgb(83,16,153)
```
#530aa0
```
#530aa0 rgb(83,10,160)
```
#5303a6
```
#5303a6 rgb(83,3,166)
```

Tone Color Variation

Below, you can see how #5303a6 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

#2e2e2e Achromatopsia 0.005% of the population
#352546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004586 Protanopia 1% of men
#004974 Deuteranopia 1% of men
#3b494e Tritanopia 0.001% of the population

Trichromacy

#1e2d91 Protanomaly 1% of men, 0.01% of women
#1e2f86 Deuteranomaly 6% of men, 0.4% of women
#432f6e Tritanomaly 0.01% of the population

#5303a6 hex color

#5303a6 Color Information

#5303a6 Color Conversion

Color Schemes with #5303a6

Alternatives to #5303a6

#5303a6 Preview

Shades and Tints of #5303a6

Tones of #5303a6

Color Blindness Simulator