#5346d3 hex color

In a RGB color space, hex #5346d3 is composed of 32.5% red, 27.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 66.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 245.5 degrees, a saturation of 61.6% and a lightness of 55.1%. #5346d3 color hex could be obtained by blending #a68cff with #0000a7. Closest websafe color is: #6633cc.

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

● #5346d3 color description : Moderate blue.

The hexadecimal color #5346d3 has RGB values of R:83, G:70, B:211 and CMYK values of C:0.61, M:0.67, Y:0, K:0.17. Its decimal value is 5457619.

Hex triplet	5346d3	`#5346d3`
RGB Decimal	83, 70, 211	`rgb(83,70,211)`
RGB Percent	32.5, 27.5, 82.7	`rgb(32.5%,27.5%,82.7%)`
CMYK	61, 67, 0, 17
HSL	245.5°, 61.6, 55.1	`hsl(245.5,61.6%,55.1%)`
HSV (or HSB)	245.5°, 66.8, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.448, 45.517, -70.888
XYZ	17.513, 10.922, 62.81
xyY	0.192, 0.12, 10.922
CIE-LCH	39.448, 84.244, 302.704
CIE-LUV	39.448, -4.303, -103.851
Hunter-Lab	33.048, 36.758, -89.55
Binary	01010011, 01000110, 11010011

#5346d3
```
#5346d3 rgb(83,70,211)
```
#c6d346
```
#c6d346 rgb(198,211,70)
```

Complementary Color

#4680d3
```
#4680d3 rgb(70,128,211)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#9a46d3
```
#9a46d3 rgb(154,70,211)
```

Analogous Color

#80d346
```
#80d346 rgb(128,211,70)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#d39a46
```
#d39a46 rgb(211,154,70)
```

Split Complementary Color

#46d353
```
#46d353 rgb(70,211,83)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#d35346
```
#d35346 rgb(211,83,70)
```

Triadic Color

#46c6d3
```
#46c6d3 rgb(70,198,211)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#d35346
```
#d35346 rgb(211,83,70)
```
#c6d346
```
#c6d346 rgb(198,211,70)
```

Tetradic Color

#3327a5
```
#3327a5 rgb(51,39,165)
```
#392cba
```
#392cba rgb(57,44,186)
```
#4031ce
```
#4031ce rgb(64,49,206)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#665bd8
```
#665bd8 rgb(102,91,216)
```
#796fdd
```
#796fdd rgb(121,111,221)
```
#8c84e2
```
#8c84e2 rgb(140,132,226)
```

Monochromatic Color

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

#465cd3
```
#465cd3 rgb(70,92,211)
```
#4651d3
```
#4651d3 rgb(70,81,211)
```
#4746d3
```
#4746d3 rgb(71,70,211)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#5f46d3
```
#5f46d3 rgb(95,70,211)
```
#6b46d3
```
#6b46d3 rgb(107,70,211)
```
#7646d3
```
#7646d3 rgb(118,70,211)
```

Similar Colors

Text with hexadecimal color #5346d3

This text has a font color of #5346d3.

<span style="color:#5346d3;">Text here</span>

#5346d3 background color

This paragraph has a background color of #5346d3.

<p style="background-color:#5346d3;">Content here</p>

#5346d3 border color

This element has a border color of #5346d3.

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

CSS codes

.text {color:#5346d3;}

.background {background-color:#5346d3;}

.border {border:1px solid #5346d3;}

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

#020105
```
#020105 rgb(2,1,5)
```
#060515
```
#060515 rgb(6,5,21)
```
#0b0925
```
#0b0925 rgb(11,9,37)
```
#100d35
```
#100d35 rgb(16,13,53)
```
#151045
```
#151045 rgb(21,16,69)
```
#1a1454
```
#1a1454 rgb(26,20,84)
```
#1f1864
```
#1f1864 rgb(31,24,100)
```
#241c74
```
#241c74 rgb(36,28,116)
```
#291f84
```
#291f84 rgb(41,31,132)
```
#2e2394
```
#2e2394 rgb(46,35,148)
```
#3227a4
```
#3227a4 rgb(50,39,164)
```
#372bb3
```
#372bb3 rgb(55,43,179)
```
#3c2ec3
```
#3c2ec3 rgb(60,46,195)
```

Shade Color Variation

#4436cf
```
#4436cf rgb(68,54,207)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#6256d7
```
#6256d7 rgb(98,86,215)
```
#7066db
```
#7066db rgb(112,102,219)
```
#7f76de
```
#7f76de rgb(127,118,222)
```
#8e85e2
```
#8e85e2 rgb(142,133,226)
```
#9d95e6
```
#9d95e6 rgb(157,149,230)
```
#aba5ea
```
#aba5ea rgb(171,165,234)
```
#bab5ed
```
#bab5ed rgb(186,181,237)
```
#c9c5f1
```
#c9c5f1 rgb(201,197,241)
```
#d8d5f5
```
#d8d5f5 rgb(216,213,245)
```
#e6e4f9
```
#e6e4f9 rgb(230,228,249)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#8c8c8d
```
#8c8c8d rgb(140,140,141)
```
#858495
```
#858495 rgb(133,132,149)
```
#7e7b9e
```
#7e7b9e rgb(126,123,158)
```
#7772a7
```
#7772a7 rgb(119,114,167)
```
#7069b0
```
#7069b0 rgb(112,105,176)
```
#6960b9
```
#6960b9 rgb(105,96,185)
```
#6158c1
```
#6158c1 rgb(97,88,193)
```
#5a4fca
```
#5a4fca rgb(90,79,202)
```
#5346d3
```
#5346d3 rgb(83,70,211)
```
#4c3ddc
```
#4c3ddc rgb(76,61,220)
```
#4534e5
```
#4534e5 rgb(69,52,229)
```
#3d2ced
```
#3d2ced rgb(61,44,237)
```
#3623f6
```
#3623f6 rgb(54,35,246)
```

Tone Color Variation

Below, you can see how #5346d3 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

#5a5a5a Achromatopsia 0.005% of the population
#595672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#096f77 Tritanopia 0.001% of the population

Trichromacy

#1e58c6 Protanomaly 1% of men, 0.01% of women
#1e5bb7 Deuteranomaly 6% of men, 0.4% of women
#246098 Tritanomaly 0.01% of the population

#5346d3 hex color

#5346d3 Color Information

#5346d3 Color Conversion

Color Schemes with #5346d3

Alternatives to #5346d3

#5346d3 Preview

Shades and Tints of #5346d3

Tones of #5346d3

Color Blindness Simulator