#5302dd hex color

In a RGB color space, hex #5302dd is composed of 32.5% red, 0.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 99.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 262.2 degrees, a saturation of 98.2% and a lightness of 43.7%. #5302dd color hex could be obtained by blending #a604ff with #0000bb. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 1
- B 87
RGB color chart
- C 62
- M 99
- Y 0
- K 13
CMYK color chart

● #5302dd color description : Vivid violet.

The hexadecimal color #5302dd has RGB values of R:83, G:2, B:221 and CMYK values of C:0.62, M:0.99, Y:0, K:0.13. Its decimal value is 5440221.

Hex triplet	5302dd	`#5302dd`
RGB Decimal	83, 2, 221	`rgb(83,2,221)`
RGB Percent	32.5, 0.8, 86.7	`rgb(32.5%,0.8%,86.7%)`
CMYK	62, 99, 0, 13
HSL	262.2°, 98.2, 43.7	`hsl(262.2,98.2%,43.7%)`
HSV (or HSB)	262.2°, 99.1, 86.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.039, 72.634, -88.877
XYZ	16.638, 7.102, 68.897
xyY	0.18, 0.077, 7.102
CIE-LCH	32.039, 114.782, 309.257
CIE-LUV	32.039, 1.63, -114.354
Hunter-Lab	26.65, 64.8, -134.623
Binary	01010011, 00000010, 11011101

#5302dd
```
#5302dd rgb(83,2,221)
```
#8cdd02
```
#8cdd02 rgb(140,221,2)
```

Complementary Color

#021fdd
```
#021fdd rgb(2,31,221)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#c102dd
```
#c102dd rgb(193,2,221)
```

Analogous Color

#1fdd02
```
#1fdd02 rgb(31,221,2)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#ddc102
```
#ddc102 rgb(221,193,2)
```

Split Complementary Color

#02dd53
```
#02dd53 rgb(2,221,83)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#dd5302
```
#dd5302 rgb(221,83,2)
```

Triadic Color

#028cdd
```
#028cdd rgb(2,140,221)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#dd5302
```
#dd5302 rgb(221,83,2)
```
#8cdd02
```
#8cdd02 rgb(140,221,2)
```

Tetradic Color

#370191
```
#370191 rgb(55,1,145)
```
#4002aa
```
#4002aa rgb(64,2,170)
```
#4a02c4
```
#4a02c4 rgb(74,2,196)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#5c02f6
```
#5c02f6 rgb(92,2,246)
```
#6b15fd
```
#6b15fd rgb(107,21,253)
```
#7b2efd
```
#7b2efd rgb(123,46,253)
```

Monochromatic Color

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

#1c02dd
```
#1c02dd rgb(28,2,221)
```
#2f02dd
```
#2f02dd rgb(47,2,221)
```
#4102dd
```
#4102dd rgb(65,2,221)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#6502dd
```
#6502dd rgb(101,2,221)
```
#7802dd
```
#7802dd rgb(120,2,221)
```
#8a02dd
```
#8a02dd rgb(138,2,221)
```

Similar Colors

Text with hexadecimal color #5302dd

This text has a font color of #5302dd.

<span style="color:#5302dd;">Text here</span>

#5302dd background color

This paragraph has a background color of #5302dd.

<p style="background-color:#5302dd;">Content here</p>

#5302dd border color

This element has a border color of #5302dd.

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

CSS codes

.text {color:#5302dd;}

.background {background-color:#5302dd;}

.border {border:1px solid #5302dd;}

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

#030007
```
#030007 rgb(3,0,7)
```
#0a001b
```
#0a001b rgb(10,0,27)
```
#11002e
```
#11002e rgb(17,0,46)
```
#190141
```
#190141 rgb(25,1,65)
```
#200155
```
#200155 rgb(32,1,85)
```
#270168
```
#270168 rgb(39,1,104)
```
#2e017c
```
#2e017c rgb(46,1,124)
```
#36018f
```
#36018f rgb(54,1,143)
```
#3d01a3
```
#3d01a3 rgb(61,1,163)
```
#4402b6
```
#4402b6 rgb(68,2,182)
```
#4c02ca
```
#4c02ca rgb(76,2,202)
```
#5302dd
```
#5302dd rgb(83,2,221)
```
#5a02f0
```
#5a02f0 rgb(90,2,240)
```

Shade Color Variation

#6309fd
```
#6309fd rgb(99,9,253)
```
#701dfd
```
#701dfd rgb(112,29,253)
```
#7c30fd
```
#7c30fd rgb(124,48,253)
```
#8844fd
```
#8844fd rgb(136,68,253)
```
#9557fd
```
#9557fd rgb(149,87,253)
```
#a16bfe
```
#a16bfe rgb(161,107,254)
```
#ad7efe
```
#ad7efe rgb(173,126,254)
```
#ba92fe
```
#ba92fe rgb(186,146,254)
```
#c6a5fe
```
#c6a5fe rgb(198,165,254)
```
#d2b8fe
```
#d2b8fe rgb(210,184,254)
```
#dfccff
```
#dfccff rgb(223,204,255)
```
#ebdfff
```
#ebdfff rgb(235,223,255)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6976 is the less saturated color, while #5302dd is the most saturated one.

#6e6976
```
#6e6976 rgb(110,105,118)
```
#6c607f
```
#6c607f rgb(108,96,127)
```
#695887
```
#695887 rgb(105,88,135)
```
#674f90
```
#674f90 rgb(103,79,144)
```
#654798
```
#654798 rgb(101,71,152)
```
#633ea1
```
#633ea1 rgb(99,62,161)
```
#6035aa
```
#6035aa rgb(96,53,170)
```
#5e2db2
```
#5e2db2 rgb(94,45,178)
```
#5c24bb
```
#5c24bb rgb(92,36,187)
```
#5a1cc3
```
#5a1cc3 rgb(90,28,195)
```
#5713cc
```
#5713cc rgb(87,19,204)
```
#550bd4
```
#550bd4 rgb(85,11,212)
```
#5302dd
```
#5302dd rgb(83,2,221)
```

Tone Color Variation

Below, you can see how #5302dd 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

#333333 Achromatopsia 0.005% of the population
#392955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1e35b5 Protanomaly 1% of men, 0.01% of women
#1e38a8 Deuteranomaly 6% of men, 0.4% of women
#1e3b8f Tritanomaly 0.01% of the population

#5302dd hex color

#5302dd Color Information

#5302dd Color Conversion

Color Schemes with #5302dd

Alternatives to #5302dd

#5302dd Preview

Shades and Tints of #5302dd

Tones of #5302dd

Color Blindness Simulator