#5349d2 hex color

In a RGB color space, hex #5349d2 is composed of 32.5% red, 28.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 65.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 244.4 degrees, a saturation of 60.4% and a lightness of 55.5%. #5349d2 color hex could be obtained by blending #a692ff with #0000a5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 29
- B 82
RGB color chart
- C 60
- M 65
- Y 0
- K 18
CMYK color chart

● #5349d2 color description : Moderate blue.

The hexadecimal color #5349d2 has RGB values of R:83, G:73, B:210 and CMYK values of C:0.6, M:0.65, Y:0, K:0.18. Its decimal value is 5458386.

Hex triplet	5349d2	`#5349d2`
RGB Decimal	83, 73, 210	`rgb(83,73,210)`
RGB Percent	32.5, 28.6, 82.4	`rgb(32.5%,28.6%,82.4%)`
CMYK	60, 65, 0, 18
HSL	244.4°, 60.4, 55.5	`hsl(244.4,60.4%,55.5%)`
HSV (or HSB)	244.4°, 65.2, 82.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.009, 43.464, -69.395
XYZ	17.58, 11.257, 62.216
xyY	0.193, 0.124, 11.257
CIE-LCH	40.009, 81.883, 302.06
CIE-LUV	40.009, -4.862, -102.352
Hunter-Lab	33.551, 34.819, -86.46
Binary	01010011, 01001001, 11010010

#5349d2
```
#5349d2 rgb(83,73,210)
```
#c8d249
```
#c8d249 rgb(200,210,73)
```

Complementary Color

#4984d2
```
#4984d2 rgb(73,132,210)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#9849d2
```
#9849d2 rgb(152,73,210)
```

Analogous Color

#84d249
```
#84d249 rgb(132,210,73)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#d29849
```
#d29849 rgb(210,152,73)
```

Split Complementary Color

#49d253
```
#49d253 rgb(73,210,83)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#d25349
```
#d25349 rgb(210,83,73)
```

Triadic Color

#49c8d2
```
#49c8d2 rgb(73,200,210)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#d25349
```
#d25349 rgb(210,83,73)
```
#c8d249
```
#c8d249 rgb(200,210,73)
```

Tetradic Color

#3229a6
```
#3229a6 rgb(50,41,166)
```
#382eba
```
#382eba rgb(56,46,186)
```
#4035cd
```
#4035cd rgb(64,53,205)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#665dd7
```
#665dd7 rgb(102,93,215)
```
#7a72dc
```
#7a72dc rgb(122,114,220)
```
#8d86e1
```
#8d86e1 rgb(141,134,225)
```

Monochromatic Color

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

#4961d2
```
#4961d2 rgb(73,97,210)
```
#4956d2
```
#4956d2 rgb(73,86,210)
```
#494ad2
```
#494ad2 rgb(73,74,210)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#5e49d2
```
#5e49d2 rgb(94,73,210)
```
#6a49d2
```
#6a49d2 rgb(106,73,210)
```
#7549d2
```
#7549d2 rgb(117,73,210)
```

Similar Colors

Text with hexadecimal color #5349d2

This text has a font color of #5349d2.

<span style="color:#5349d2;">Text here</span>

#5349d2 background color

This paragraph has a background color of #5349d2.

<p style="background-color:#5349d2;">Content here</p>

#5349d2 border color

This element has a border color of #5349d2.

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

CSS codes

.text {color:#5349d2;}

.background {background-color:#5349d2;}

.border {border:1px solid #5349d2;}

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

#020207
```
#020207 rgb(2,2,7)
```
#070616
```
#070616 rgb(7,6,22)
```
#0c0926
```
#0c0926 rgb(12,9,38)
```
#100d36
```
#100d36 rgb(16,13,54)
```
#151146
```
#151146 rgb(21,17,70)
```
#1a1555
```
#1a1555 rgb(26,21,85)
```
#1f1965
```
#1f1965 rgb(31,25,101)
```
#231d75
```
#231d75 rgb(35,29,117)
```
#282185
```
#282185 rgb(40,33,133)
```
#2d2594
```
#2d2594 rgb(45,37,148)
```
#3229a4
```
#3229a4 rgb(50,41,164)
```
#362cb4
```
#362cb4 rgb(54,44,180)
```
#3b30c3
```
#3b30c3 rgb(59,48,195)
```

Shade Color Variation

#4439ce
```
#4439ce rgb(68,57,206)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#6259d6
```
#6259d6 rgb(98,89,214)
```
#7168da
```
#7168da rgb(113,104,218)
```
#8078de
```
#8078de rgb(128,120,222)
```
#8e88e2
```
#8e88e2 rgb(142,136,226)
```
#9d98e5
```
#9d98e5 rgb(157,152,229)
```
#aca7e9
```
#aca7e9 rgb(172,167,233)
```
#bbb7ed
```
#bbb7ed rgb(187,183,237)
```
#cac7f1
```
#cac7f1 rgb(202,199,241)
```
#d9d7f5
```
#d9d7f5 rgb(217,215,245)
```
#e8e6f9
```
#e8e6f9 rgb(232,230,249)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#878695
```
#878695 rgb(135,134,149)
```
#807d9e
```
#807d9e rgb(128,125,158)
```
#7875a6
```
#7875a6 rgb(120,117,166)
```
#716caf
```
#716caf rgb(113,108,175)
```
#6963b8
```
#6963b8 rgb(105,99,184)
```
#625ac1
```
#625ac1 rgb(98,90,193)
```
#5a52c9
```
#5a52c9 rgb(90,82,201)
```
#5349d2
```
#5349d2 rgb(83,73,210)
```
#4c40db
```
#4c40db rgb(76,64,219)
```
#4438e3
```
#4438e3 rgb(68,56,227)
```
#3d2fec
```
#3d2fec rgb(61,47,236)
```
#3526f5
```
#3526f5 rgb(53,38,245)
```
#2e1dfe
```
#2e1dfe rgb(46,29,254)
```

Tone Color Variation

Below, you can see how #5349d2 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

#5c5c5c Achromatopsia 0.005% of the population
#5a5874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#147078 Tritanopia 0.001% of the population

Trichromacy

#1e59c8 Protanomaly 1% of men, 0.01% of women
#1e5db8 Deuteranomaly 6% of men, 0.4% of women
#2b6299 Tritanomaly 0.01% of the population

#5349d2 hex color

#5349d2 Color Information

#5349d2 Color Conversion

Color Schemes with #5349d2

Alternatives to #5349d2

#5349d2 Preview

Shades and Tints of #5349d2

Tones of #5349d2

Color Blindness Simulator