#5303f6 hex color

In a RGB color space, hex #5303f6 is composed of 32.5% red, 1.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 98.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 259.8 degrees, a saturation of 97.6% and a lightness of 48.8%. #5303f6 color hex could be obtained by blending #a606ff with #0000ed. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 1
- B 96
RGB color chart
- C 66
- M 99
- Y 0
- K 4
CMYK color chart

● #5303f6 color description : Vivid violet.

The hexadecimal color #5303f6 has RGB values of R:83, G:3, B:246 and CMYK values of C:0.66, M:0.99, Y:0, K:0.04. Its decimal value is 5440502.

Hex triplet	5303f6	`#5303f6`
RGB Decimal	83, 3, 246	`rgb(83,3,246)`
RGB Percent	32.5, 1.2, 96.5	`rgb(32.5%,1.2%,96.5%)`
CMYK	66, 99, 0, 4
HSL	259.8°, 97.6, 48.8	`hsl(259.8,97.6%,48.8%)`
HSV (or HSB)	259.8°, 98.8, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.117, 78.204, -98
XYZ	20.231, 8.557, 87.769
xyY	0.174, 0.073, 8.557
CIE-LCH	35.117, 125.379, 308.59
CIE-LUV	35.117, -0.625, -128.448
Hunter-Lab	29.253, 72.26, -157.417
Binary	01010011, 00000011, 11110110

#5303f6
```
#5303f6 rgb(83,3,246)
```
#a6f603
```
#a6f603 rgb(166,246,3)
```

Complementary Color

#032cf6
```
#032cf6 rgb(3,44,246)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#cd03f6
```
#cd03f6 rgb(205,3,246)
```

Analogous Color

#2cf603
```
#2cf603 rgb(44,246,3)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#f6cd03
```
#f6cd03 rgb(246,205,3)
```

Split Complementary Color

#03f653
```
#03f653 rgb(3,246,83)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#f65303
```
#f65303 rgb(246,83,3)
```

Triadic Color

#03a6f6
```
#03a6f6 rgb(3,166,246)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#f65303
```
#f65303 rgb(246,83,3)
```
#a6f603
```
#a6f603 rgb(166,246,3)
```

Tetradic Color

#3a02aa
```
#3a02aa rgb(58,2,170)
```
#4202c4
```
#4202c4 rgb(66,2,196)
```
#4b03dd
```
#4b03dd rgb(75,3,221)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#6216fc
```
#6216fc rgb(98,22,252)
```
#7330fc
```
#7330fc rgb(115,48,252)
```
#8449fd
```
#8449fd rgb(132,73,253)
```

Monochromatic Color

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

#1603f6
```
#1603f6 rgb(22,3,246)
```
#2b03f6
```
#2b03f6 rgb(43,3,246)
```
#3f03f6
```
#3f03f6 rgb(63,3,246)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```
#6703f6
```
#6703f6 rgb(103,3,246)
```
#7c03f6
```
#7c03f6 rgb(124,3,246)
```
#9003f6
```
#9003f6 rgb(144,3,246)
```

Similar Colors

Text with hexadecimal color #5303f6

This text has a font color of #5303f6.

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

#5303f6 background color

This paragraph has a background color of #5303f6.

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

#5303f6 border color

This element has a border color of #5303f6.

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

CSS codes

.text {color:#5303f6;}

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

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

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)
```
#0b0021
```
#0b0021 rgb(11,0,33)
```
#120134
```
#120134 rgb(18,1,52)
```
#180148
```
#180148 rgb(24,1,72)
```
#1f015b
```
#1f015b rgb(31,1,91)
```
#25016e
```
#25016e rgb(37,1,110)
```
#2c0282
```
#2c0282 rgb(44,2,130)
```
#320295
```
#320295 rgb(50,2,149)
```
#3902a8
```
#3902a8 rgb(57,2,168)
```
#3f02bc
```
#3f02bc rgb(63,2,188)
```
#4603cf
```
#4603cf rgb(70,3,207)
```
#4c03e3
```
#4c03e3 rgb(76,3,227)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```

Shade Color Variation

#5e11fc
```
#5e11fc rgb(94,17,252)
```
#6b24fc
```
#6b24fc rgb(107,36,252)
```
#7837fd
```
#7837fd rgb(120,55,253)
```
#854bfd
```
#854bfd rgb(133,75,253)
```
#925efd
```
#925efd rgb(146,94,253)
```
#9f71fd
```
#9f71fd rgb(159,113,253)
```
#ad85fe
```
#ad85fe rgb(173,133,254)
```
#ba98fe
```
#ba98fe rgb(186,152,254)
```
#c7acfe
```
#c7acfe rgb(199,172,254)
```
#d4bffe
```
#d4bffe rgb(212,191,254)
```
#e1d2fe
```
#e1d2fe rgb(225,210,254)
```
#eee6ff
```
#eee6ff rgb(238,230,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#7a7683
```
#7a7683 rgb(122,118,131)
```
#776c8d
```
#776c8d rgb(119,108,141)
```
#746396
```
#746396 rgb(116,99,150)
```
#7059a0
```
#7059a0 rgb(112,89,160)
```
#6d50a9
```
#6d50a9 rgb(109,80,169)
```
#6a46b3
```
#6a46b3 rgb(106,70,179)
```
#673cbd
```
#673cbd rgb(103,60,189)
```
#6333c6
```
#6333c6 rgb(99,51,198)
```
#6029d0
```
#6029d0 rgb(96,41,208)
```
#5d20d9
```
#5d20d9 rgb(93,32,217)
```
#5a16e3
```
#5a16e3 rgb(90,22,227)
```
#560dec
```
#560dec rgb(86,13,236)
```
#5303f6
```
#5303f6 rgb(83,3,246)
```

Tone Color Variation

Below, you can see how #5303f6 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
#3d2d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1e39c7 Protanomaly 1% of men, 0.01% of women
#1e3db8 Deuteranomaly 6% of men, 0.4% of women
#1e419c Tritanomaly 0.01% of the population

#5303f6 hex color

#5303f6 Color Information

#5303f6 Color Conversion

Color Schemes with #5303f6

Alternatives to #5303f6

#5303f6 Preview

Shades and Tints of #5303f6

Tones of #5303f6

Color Blindness Simulator