#5303a1 hex color

In a RGB color space, hex #5303a1 is composed of 32.5% red, 1.2% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 98.1% magenta, 0% yellow and 36.9% black. It has a hue angle of 270.4 degrees, a saturation of 96.3% and a lightness of 32.2%. #5303a1 color hex could be obtained by blending #a606ff with #000043. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 1
- B 63
RGB color chart
- C 48
- M 98
- Y 0
- K 37
CMYK color chart

● #5303a1 color description : Dark violet.

The hexadecimal color #5303a1 has RGB values of R:83, G:3, B:161 and CMYK values of C:0.48, M:0.98, Y:0, K:0.37. Its decimal value is 5440417.

Hex triplet	5303a1	`#5303a1`
RGB Decimal	83, 3, 161	`rgb(83,3,161)`
RGB Percent	32.5, 1.2, 63.1	`rgb(32.5%,1.2%,63.1%)`
CMYK	48, 98, 0, 37
HSL	270.4°, 96.3, 32.2	`hsl(270.4,96.3%,32.2%)`
HSV (or HSB)	270.4°, 98.1, 63.1
Web Safe	660099	`#660099`

CIE-LAB	25.19, 58.747, -64.737
XYZ	10.032, 4.477, 34.052
xyY	0.207, 0.092, 4.477
CIE-LCH	25.19, 87.42, 312.223
CIE-LUV	25.19, 8.482, -79.792
Hunter-Lab	21.16, 47.598, -80.603
Binary	01010011, 00000011, 10100001

#5303a1
```
#5303a1 rgb(83,3,161)
```
#51a103
```
#51a103 rgb(81,161,3)
```

Complementary Color

#0403a1
```
#0403a1 rgb(4,3,161)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#a103a0
```
#a103a0 rgb(161,3,160)
```

Analogous Color

#03a104
```
#03a104 rgb(3,161,4)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#a0a103
```
#a0a103 rgb(160,161,3)
```

Split Complementary Color

#03a153
```
#03a153 rgb(3,161,83)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#a15303
```
#a15303 rgb(161,83,3)
```

Triadic Color

#0351a1
```
#0351a1 rgb(3,81,161)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#a15303
```
#a15303 rgb(161,83,3)
```
#51a103
```
#51a103 rgb(81,161,3)
```

Tetradic Color

#2c0256
```
#2c0256 rgb(44,2,86)
```
#39026f
```
#39026f rgb(57,2,111)
```
#460388
```
#460388 rgb(70,3,136)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#6003ba
```
#6003ba rgb(96,3,186)
```
#6d04d3
```
#6d04d3 rgb(109,4,211)
```
#7a04ec
```
#7a04ec rgb(122,4,236)
```

Monochromatic Color

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

#2c03a1
```
#2c03a1 rgb(44,3,161)
```
#3903a1
```
#3903a1 rgb(57,3,161)
```
#4603a1
```
#4603a1 rgb(70,3,161)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#6003a1
```
#6003a1 rgb(96,3,161)
```
#6d03a1
```
#6d03a1 rgb(109,3,161)
```
#7b03a1
```
#7b03a1 rgb(123,3,161)
```

Similar Colors

Text with hexadecimal color #5303a1

This text has a font color of #5303a1.

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

#5303a1 background color

This paragraph has a background color of #5303a1.

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

#5303a1 border color

This element has a border color of #5303a1.

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

CSS codes

.text {color:#5303a1;}

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

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

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

#040007
```
#040007 rgb(4,0,7)
```
#0e001a
```
#0e001a rgb(14,0,26)
```
#17012d
```
#17012d rgb(23,1,45)
```
#210141
```
#210141 rgb(33,1,65)
```
#2b0254
```
#2b0254 rgb(43,2,84)
```
#350267
```
#350267 rgb(53,2,103)
```
#3f027a
```
#3f027a rgb(63,2,122)
```
#49038e
```
#49038e rgb(73,3,142)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```
#5d03b4
```
#5d03b4 rgb(93,3,180)
```
#6704c8
```
#6704c8 rgb(103,4,200)
```
#7104db
```
#7104db rgb(113,4,219)
```
#7b04ee
```
#7b04ee rgb(123,4,238)
```

Shade Color Variation

#850cfa
```
#850cfa rgb(133,12,250)
```
#8e1ffb
```
#8e1ffb rgb(142,31,251)
```
#9832fb
```
#9832fb rgb(152,50,251)
```
#a245fc
```
#a245fc rgb(162,69,252)
```
#ab59fc
```
#ab59fc rgb(171,89,252)
```
#b56cfc
```
#b56cfc rgb(181,108,252)
```
#bf7ffd
```
#bf7ffd rgb(191,127,253)
```
#c892fd
```
#c892fd rgb(200,146,253)
```
#d2a6fd
```
#d2a6fd rgb(210,166,253)
```
#dcb9fe
```
#dcb9fe rgb(220,185,254)
```
#e5ccfe
```
#e5ccfe rgb(229,204,254)
```
#efdffe
```
#efdffe rgb(239,223,254)
```
#f9f3ff
```
#f9f3ff rgb(249,243,255)
```

Tint Color Variation

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

#524f55
```
#524f55 rgb(82,79,85)
```
#52485c
```
#52485c rgb(82,72,92)
```
#524262
```
#524262 rgb(82,66,98)
```
#523c68
```
#523c68 rgb(82,60,104)
```
#52356f
```
#52356f rgb(82,53,111)
```
#522f75
```
#522f75 rgb(82,47,117)
```
#53297b
```
#53297b rgb(83,41,123)
```
#532381
```
#532381 rgb(83,35,129)
```
#531c88
```
#531c88 rgb(83,28,136)
```
#53168e
```
#53168e rgb(83,22,142)
```
#531094
```
#531094 rgb(83,16,148)
```
#53099b
```
#53099b rgb(83,9,155)
```
#5303a1
```
#5303a1 rgb(83,3,161)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#352544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#3e474c Tritanopia 0.001% of the population

Trichromacy

#1e2c8e Protanomaly 1% of men, 0.01% of women
#1e2e83 Deuteranomaly 6% of men, 0.4% of women
#452e6b Tritanomaly 0.01% of the population

#5303a1 hex color

#5303a1 Color Information

#5303a1 Color Conversion

Color Schemes with #5303a1

Alternatives to #5303a1

#5303a1 Preview

Shades and Tints of #5303a1

Tones of #5303a1

Color Blindness Simulator