#5343d4 hex color

In a RGB color space, hex #5343d4 is composed of 32.5% red, 26.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 68.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 246.6 degrees, a saturation of 62.8% and a lightness of 54.7%. #5343d4 color hex could be obtained by blending #a686ff with #0000a9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 26
- B 83
RGB color chart
- C 61
- M 68
- Y 0
- K 17
CMYK color chart

● #5343d4 color description : Moderate blue.

The hexadecimal color #5343d4 has RGB values of R:83, G:67, B:212 and CMYK values of C:0.61, M:0.68, Y:0, K:0.17. Its decimal value is 5456852.

Hex triplet	5343d4	`#5343d4`
RGB Decimal	83, 67, 212	`rgb(83,67,212)`
RGB Percent	32.5, 26.3, 83.1	`rgb(32.5%,26.3%,83.1%)`
CMYK	61, 68, 0, 17
HSL	246.6°, 62.8, 54.7	`hsl(246.6,62.8%,54.7%)`
HSV (or HSB)	246.6°, 68.4, 83.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.909, 47.532, -72.348
XYZ	17.456, 10.606, 63.411
xyY	0.191, 0.116, 10.606
CIE-LCH	38.909, 86.565, 303.305
CIE-LUV	38.909, -3.779, -105.253
Hunter-Lab	32.567, 38.683, -92.647
Binary	01010011, 01000011, 11010100

#5343d4
```
#5343d4 rgb(83,67,212)
```
#c4d443
```
#c4d443 rgb(196,212,67)
```

Complementary Color

#437cd4
```
#437cd4 rgb(67,124,212)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#9c43d4
```
#9c43d4 rgb(156,67,212)
```

Analogous Color

#7cd443
```
#7cd443 rgb(124,212,67)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#d49c43
```
#d49c43 rgb(212,156,67)
```

Split Complementary Color

#43d453
```
#43d453 rgb(67,212,83)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#d45343
```
#d45343 rgb(212,83,67)
```

Triadic Color

#43c4d4
```
#43c4d4 rgb(67,196,212)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#d45343
```
#d45343 rgb(212,83,67)
```
#c4d443
```
#c4d443 rgb(196,212,67)
```

Tetradic Color

#3426a5
```
#3426a5 rgb(52,38,165)
```
#3a2aba
```
#3a2aba rgb(58,42,186)
```
#412fce
```
#412fce rgb(65,47,206)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#6658d9
```
#6658d9 rgb(102,88,217)
```
#796ddd
```
#796ddd rgb(121,109,221)
```
#8c81e2
```
#8c81e2 rgb(140,129,226)
```

Monochromatic Color

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

#4357d4
```
#4357d4 rgb(67,87,212)
```
#434bd4
```
#434bd4 rgb(67,75,212)
```
#4743d4
```
#4743d4 rgb(71,67,212)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#5f43d4
```
#5f43d4 rgb(95,67,212)
```
#6b43d4
```
#6b43d4 rgb(107,67,212)
```
#7743d4
```
#7743d4 rgb(119,67,212)
```

Similar Colors

Text with hexadecimal color #5343d4

This text has a font color of #5343d4.

<span style="color:#5343d4;">Text here</span>

#5343d4 background color

This paragraph has a background color of #5343d4.

<p style="background-color:#5343d4;">Content here</p>

#5343d4 border color

This element has a border color of #5343d4.

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

CSS codes

.text {color:#5343d4;}

.background {background-color:#5343d4;}

.border {border:1px solid #5343d4;}

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

#010104
```
#010104 rgb(1,1,4)
```
#060414
```
#060414 rgb(6,4,20)
```
#0b0823
```
#0b0823 rgb(11,8,35)
```
#100c33
```
#100c33 rgb(16,12,51)
```
#150f43
```
#150f43 rgb(21,15,67)
```
#1a1353
```
#1a1353 rgb(26,19,83)
```
#1f1763
```
#1f1763 rgb(31,23,99)
```
#241a73
```
#241a73 rgb(36,26,115)
```
#291e83
```
#291e83 rgb(41,30,131)
```
#2e2293
```
#2e2293 rgb(46,34,147)
```
#3325a3
```
#3325a3 rgb(51,37,163)
```
#3829b3
```
#3829b3 rgb(56,41,179)
```
#3d2dc3
```
#3d2dc3 rgb(61,45,195)
```

Shade Color Variation

#4433d0
```
#4433d0 rgb(68,51,208)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#6253d8
```
#6253d8 rgb(98,83,216)
```
#7063db
```
#7063db rgb(112,99,219)
```
#7f73df
```
#7f73df rgb(127,115,223)
```
#8d83e3
```
#8d83e3 rgb(141,131,227)
```
#9c93e6
```
#9c93e6 rgb(156,147,230)
```
#aba3ea
```
#aba3ea rgb(171,163,234)
```
#b9b3ee
```
#b9b3ee rgb(185,179,238)
```
#c8c3f1
```
#c8c3f1 rgb(200,195,241)
```
#d6d3f5
```
#d6d3f5 rgb(214,211,245)
```
#e5e3f9
```
#e5e3f9 rgb(229,227,249)
```
#f4f3fc
```
#f4f3fc rgb(244,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a8d is the less saturated color, while #371ff8 is the most saturated one.

#8a8a8d
```
#8a8a8d rgb(138,138,141)
```
#838196
```
#838196 rgb(131,129,150)
```
#7d789f
```
#7d789f rgb(125,120,159)
```
#766fa8
```
#766fa8 rgb(118,111,168)
```
#6f67b0
```
#6f67b0 rgb(111,103,176)
```
#685eb9
```
#685eb9 rgb(104,94,185)
```
#6155c2
```
#6155c2 rgb(97,85,194)
```
#5a4ccb
```
#5a4ccb rgb(90,76,203)
```
#5343d4
```
#5343d4 rgb(83,67,212)
```
#4c3add
```
#4c3add rgb(76,58,221)
```
#4531e6
```
#4531e6 rgb(69,49,230)
```
#3e28ef
```
#3e28ef rgb(62,40,239)
```
#371ff8
```
#371ff8 rgb(55,31,248)
```

Tone Color Variation

Below, you can see how #5343d4 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

#585858 Achromatopsia 0.005% of the population
#575471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#1e56c5 Protanomaly 1% of men, 0.01% of women
#1e59b6 Deuteranomaly 6% of men, 0.4% of women
#1e5e98 Tritanomaly 0.01% of the population

#5343d4 hex color

#5343d4 Color Information

#5343d4 Color Conversion

Color Schemes with #5343d4

Alternatives to #5343d4

#5343d4 Preview

Shades and Tints of #5343d4

Tones of #5343d4

Color Blindness Simulator