#5346b4 hex color

In a RGB color space, hex #5346b4 is composed of 32.5% red, 27.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 61.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 247.1 degrees, a saturation of 44% and a lightness of 49%. #5346b4 color hex could be obtained by blending #a68cff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 71
RGB color chart
- C 54
- M 61
- Y 0
- K 29
CMYK color chart

● #5346b4 color description : Moderate blue.

The hexadecimal color #5346b4 has RGB values of R:83, G:70, B:180 and CMYK values of C:0.54, M:0.61, Y:0, K:0.29. Its decimal value is 5457588.

Hex triplet	5346b4	`#5346b4`
RGB Decimal	83, 70, 180	`rgb(83,70,180)`
RGB Percent	32.5, 27.5, 70.6	`rgb(32.5%,27.5%,70.6%)`
CMYK	54, 61, 0, 29
HSL	247.1°, 44, 49	`hsl(247.1,44%,49%)`
HSV (or HSB)	247.1°, 61.1, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.956, 35.763, -56.869
XYZ	13.994, 9.514, 44.277
xyY	0.206, 0.14, 9.514
CIE-LCH	36.956, 67.179, 302.164
CIE-LUV	36.956, -2.166, -82.92
Hunter-Lab	30.845, 27.005, -63.516
Binary	01010011, 01000110, 10110100

#5346b4
```
#5346b4 rgb(83,70,180)
```
#a7b446
```
#a7b446 rgb(167,180,70)
```

Complementary Color

#4670b4
```
#4670b4 rgb(70,112,180)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#8a46b4
```
#8a46b4 rgb(138,70,180)
```

Analogous Color

#70b446
```
#70b446 rgb(112,180,70)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#b48a46
```
#b48a46 rgb(180,138,70)
```

Split Complementary Color

#46b453
```
#46b453 rgb(70,180,83)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#b45346
```
#b45346 rgb(180,83,70)
```

Triadic Color

#46a7b4
```
#46a7b4 rgb(70,167,180)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#b45346
```
#b45346 rgb(180,83,70)
```
#a7b446
```
#a7b446 rgb(167,180,70)
```

Tetradic Color

#3a317d
```
#3a317d rgb(58,49,125)
```
#42388f
```
#42388f rgb(66,56,143)
```
#4b3fa2
```
#4b3fa2 rgb(75,63,162)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#6256bd
```
#6256bd rgb(98,86,189)
```
#7369c4
```
#7369c4 rgb(115,105,196)
```
#847bcc
```
#847bcc rgb(132,123,204)
```

Monochromatic Color

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

#4655b4
```
#4655b4 rgb(70,85,180)
```
#464bb4
```
#464bb4 rgb(70,75,180)
```
#4a46b4
```
#4a46b4 rgb(74,70,180)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#5c46b4
```
#5c46b4 rgb(92,70,180)
```
#6546b4
```
#6546b4 rgb(101,70,180)
```
#6f46b4
```
#6f46b4 rgb(111,70,180)
```

Similar Colors

Text with hexadecimal color #5346b4

This text has a font color of #5346b4.

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

#5346b4 background color

This paragraph has a background color of #5346b4.

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

#5346b4 border color

This element has a border color of #5346b4.

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

CSS codes

.text {color:#5346b4;}

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

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

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, #05040b is the darkest color, while #fcfbfe is the lightest one.

#05040b
```
#05040b rgb(5,4,11)
```
#0b0a19
```
#0b0a19 rgb(11,10,25)
```
#120f27
```
#120f27 rgb(18,15,39)
```
#181535
```
#181535 rgb(24,21,53)
```
#1f1a43
```
#1f1a43 rgb(31,26,67)
```
#252051
```
#252051 rgb(37,32,81)
```
#2c255f
```
#2c255f rgb(44,37,95)
```
#322b6d
```
#322b6d rgb(50,43,109)
```
#39307c
```
#39307c rgb(57,48,124)
```
#3f368a
```
#3f368a rgb(63,54,138)
```
#463b98
```
#463b98 rgb(70,59,152)
```
#4c41a6
```
#4c41a6 rgb(76,65,166)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```

Shade Color Variation

#5e52bc
```
#5e52bc rgb(94,82,188)
```
#6c60c1
```
#6c60c1 rgb(108,96,193)
```
#796ec7
```
#796ec7 rgb(121,110,199)
```
#867ccc
```
#867ccc rgb(134,124,204)
```
#938ad2
```
#938ad2 rgb(147,138,210)
```
#a099d7
```
#a099d7 rgb(160,153,215)
```
#ada7dd
```
#ada7dd rgb(173,167,221)
```
#bab5e2
```
#bab5e2 rgb(186,181,226)
```
#c7c3e8
```
#c7c3e8 rgb(199,195,232)
```
#d4d1ed
```
#d4d1ed rgb(212,209,237)
```
#e1dff3
```
#e1dff3 rgb(225,223,243)
```
#efedf8
```
#efedf8 rgb(239,237,248)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#787684
```
#787684 rgb(120,118,132)
```
#706c8e
```
#706c8e rgb(112,108,142)
```
#696397
```
#696397 rgb(105,99,151)
```
#6259a1
```
#6259a1 rgb(98,89,161)
```
#5a50aa
```
#5a50aa rgb(90,80,170)
```
#5346b4
```
#5346b4 rgb(83,70,180)
```
#4c3cbe
```
#4c3cbe rgb(76,60,190)
```
#4433c7
```
#4433c7 rgb(68,51,199)
```
#3d29d1
```
#3d29d1 rgb(61,41,209)
```
#3620da
```
#3620da rgb(54,32,218)
```
#2e16e4
```
#2e16e4 rgb(46,22,228)
```
#270cee
```
#270cee rgb(39,12,238)
```
#2003f7
```
#2003f7 rgb(32,3,247)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619f Deuteranopia 1% of men
#3a666d Tritanopia 0.001% of the population

Trichromacy

#1e54b5 Protanomaly 1% of men, 0.01% of women
#1e57a7 Deuteranomaly 6% of men, 0.4% of women
#435a87 Tritanomaly 0.01% of the population

#5346b4 hex color

#5346b4 Color Information

#5346b4 Color Conversion

Color Schemes with #5346b4

Alternatives to #5346b4

#5346b4 Preview

Shades and Tints of #5346b4

Tones of #5346b4

Color Blindness Simulator