#5346b3 hex color

In a RGB color space, hex #5346b3 is composed of 32.5% red, 27.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 60.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 247.2 degrees, a saturation of 43.8% and a lightness of 48.8%. #5346b3 color hex could be obtained by blending #a68cff with #000067. Closest websafe color is: #6633cc.

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

● #5346b3 color description : Moderate blue.

The hexadecimal color #5346b3 has RGB values of R:83, G:70, B:179 and CMYK values of C:0.54, M:0.61, Y:0, K:0.3. Its decimal value is 5457587.

Hex triplet	5346b3	`#5346b3`
RGB Decimal	83, 70, 179	`rgb(83,70,179)`
RGB Percent	32.5, 27.5, 70.2	`rgb(32.5%,27.5%,70.2%)`
CMYK	54, 61, 0, 30
HSL	247.2°, 43.8, 48.8	`hsl(247.2,43.8%,48.8%)`
HSV (or HSB)	247.2°, 60.9, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.881, 35.448, -56.4
XYZ	13.893, 9.474, 43.742
xyY	0.207, 0.141, 9.474
CIE-LCH	36.881, 66.615, 302.15
CIE-LUV	36.881, -2.093, -82.218
Hunter-Lab	30.779, 26.705, -62.715
Binary	01010011, 01000110, 10110011

#5346b3
```
#5346b3 rgb(83,70,179)
```
#a6b346
```
#a6b346 rgb(166,179,70)
```

Complementary Color

#4670b3
```
#4670b3 rgb(70,112,179)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#8a46b3
```
#8a46b3 rgb(138,70,179)
```

Analogous Color

#70b346
```
#70b346 rgb(112,179,70)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#b38a46
```
#b38a46 rgb(179,138,70)
```

Split Complementary Color

#46b353
```
#46b353 rgb(70,179,83)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#b35346
```
#b35346 rgb(179,83,70)
```

Triadic Color

#46a6b3
```
#46a6b3 rgb(70,166,179)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#b35346
```
#b35346 rgb(179,83,70)
```
#a6b346
```
#a6b346 rgb(166,179,70)
```

Tetradic Color

#3a307c
```
#3a307c rgb(58,48,124)
```
#42388e
```
#42388e rgb(66,56,142)
```
#4b3fa1
```
#4b3fa1 rgb(75,63,161)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#6256bd
```
#6256bd rgb(98,86,189)
```
#7368c4
```
#7368c4 rgb(115,104,196)
```
#847acb
```
#847acb rgb(132,122,203)
```

Monochromatic Color

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

#4654b3
```
#4654b3 rgb(70,84,179)
```
#464bb3
```
#464bb3 rgb(70,75,179)
```
#4a46b3
```
#4a46b3 rgb(74,70,179)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#5c46b3
```
#5c46b3 rgb(92,70,179)
```
#6546b3
```
#6546b3 rgb(101,70,179)
```
#6e46b3
```
#6e46b3 rgb(110,70,179)
```

Similar Colors

Text with hexadecimal color #5346b3

This text has a font color of #5346b3.

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

#5346b3 background color

This paragraph has a background color of #5346b3.

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

#5346b3 border color

This element has a border color of #5346b3.

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

CSS codes

.text {color:#5346b3;}

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

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

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

#05040a
```
#05040a rgb(5,4,10)
```
#0b0918
```
#0b0918 rgb(11,9,24)
```
#120f26
```
#120f26 rgb(18,15,38)
```
#181434
```
#181434 rgb(24,20,52)
```
#1f1a42
```
#1f1a42 rgb(31,26,66)
```
#251f50
```
#251f50 rgb(37,31,80)
```
#2c255e
```
#2c255e rgb(44,37,94)
```
#322a6c
```
#322a6c rgb(50,42,108)
```
#39307b
```
#39307b rgb(57,48,123)
```
#3f3589
```
#3f3589 rgb(63,53,137)
```
#463b97
```
#463b97 rgb(70,59,151)
```
#4c40a5
```
#4c40a5 rgb(76,64,165)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```

Shade Color Variation

#5e51bb
```
#5e51bb rgb(94,81,187)
```
#6b60c1
```
#6b60c1 rgb(107,96,193)
```
#786ec6
```
#786ec6 rgb(120,110,198)
```
#857ccc
```
#857ccc rgb(133,124,204)
```
#928ad1
```
#928ad1 rgb(146,138,209)
```
#9f98d7
```
#9f98d7 rgb(159,152,215)
```
#ada6dc
```
#ada6dc rgb(173,166,220)
```
#bab4e2
```
#bab4e2 rgb(186,180,226)
```
#c7c2e7
```
#c7c2e7 rgb(199,194,231)
```
#d4d0ed
```
#d4d0ed rgb(212,208,237)
```
#e1def2
```
#e1def2 rgb(225,222,242)
```
#eeedf8
```
#eeedf8 rgb(238,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#777683
```
#777683 rgb(119,118,131)
```
#706c8d
```
#706c8d rgb(112,108,141)
```
#696396
```
#696396 rgb(105,99,150)
```
#6259a0
```
#6259a0 rgb(98,89,160)
```
#5a50a9
```
#5a50a9 rgb(90,80,169)
```
#5346b3
```
#5346b3 rgb(83,70,179)
```
#4c3cbd
```
#4c3cbd rgb(76,60,189)
```
#4433c6
```
#4433c6 rgb(68,51,198)
```
#3d29d0
```
#3d29d0 rgb(61,41,208)
```
#3620d9
```
#3620d9 rgb(54,32,217)
```
#2f16e3
```
#2f16e3 rgb(47,22,227)
```
#270dec
```
#270dec rgb(39,13,236)
```
#2003f6
```
#2003f6 rgb(32,3,246)
```

Tone Color Variation

Below, you can see how #5346b3 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
#3b656d Tritanopia 0.001% of the population

Trichromacy

#1e54b4 Protanomaly 1% of men, 0.01% of women
#1e57a6 Deuteranomaly 6% of men, 0.4% of women
#435a86 Tritanomaly 0.01% of the population

#5346b3 hex color

#5346b3 Color Information

#5346b3 Color Conversion

Color Schemes with #5346b3

Alternatives to #5346b3

#5346b3 Preview

Shades and Tints of #5346b3

Tones of #5346b3

Color Blindness Simulator