#5345b2 hex color

In a RGB color space, hex #5345b2 is composed of 32.5% red, 27.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 61.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 247.7 degrees, a saturation of 44.1% and a lightness of 48.4%. #5345b2 color hex could be obtained by blending #a68aff with #000065. Closest websafe color is: #663399.

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

● #5345b2 color description : Dark moderate blue.

The hexadecimal color #5345b2 has RGB values of R:83, G:69, B:178 and CMYK values of C:0.53, M:0.61, Y:0, K:0.3. Its decimal value is 5457330.

Hex triplet	5345b2	`#5345b2`
RGB Decimal	83, 69, 178	`rgb(83,69,178)`
RGB Percent	32.5, 27.1, 69.8	`rgb(32.5%,27.1%,69.8%)`
CMYK	53, 61, 0, 30
HSL	247.7°, 44.1, 48.4	`hsl(247.7,44.1%,48.4%)`
HSV (or HSB)	247.7°, 61.2, 69.8
Web Safe	663399	`#663399`

CIE-LAB	36.573, 35.741, -56.308
XYZ	13.73, 9.309, 43.19
xyY	0.207, 0.141, 9.309
CIE-LCH	36.573, 66.693, 302.405
CIE-LUV	36.573, -1.777, -81.882
Hunter-Lab	30.511, 26.93, -62.572
Binary	01010011, 01000101, 10110010

#5345b2
```
#5345b2 rgb(83,69,178)
```
#a4b245
```
#a4b245 rgb(164,178,69)
```

Complementary Color

#456eb2
```
#456eb2 rgb(69,110,178)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#8a45b2
```
#8a45b2 rgb(138,69,178)
```

Analogous Color

#6eb245
```
#6eb245 rgb(110,178,69)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#b28a45
```
#b28a45 rgb(178,138,69)
```

Split Complementary Color

#45b253
```
#45b253 rgb(69,178,83)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#b25345
```
#b25345 rgb(178,83,69)
```

Triadic Color

#45a4b2
```
#45a4b2 rgb(69,164,178)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#b25345
```
#b25345 rgb(178,83,69)
```
#a4b245
```
#a4b245 rgb(164,178,69)
```

Tetradic Color

#39307b
```
#39307b rgb(57,48,123)
```
#42378d
```
#42378d rgb(66,55,141)
```
#4a3ea0
```
#4a3ea0 rgb(74,62,160)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#6154bd
```
#6154bd rgb(97,84,189)
```
#7266c4
```
#7266c4 rgb(114,102,196)
```
#8379cb
```
#8379cb rgb(131,121,203)
```

Monochromatic Color

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

#4552b2
```
#4552b2 rgb(69,82,178)
```
#4549b2
```
#4549b2 rgb(69,73,178)
```
#4a45b2
```
#4a45b2 rgb(74,69,178)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#5c45b2
```
#5c45b2 rgb(92,69,178)
```
#6545b2
```
#6545b2 rgb(101,69,178)
```
#6e45b2
```
#6e45b2 rgb(110,69,178)
```

Similar Colors

Text with hexadecimal color #5345b2

This text has a font color of #5345b2.

<span style="color:#5345b2;">Text here</span>

#5345b2 background color

This paragraph has a background color of #5345b2.

<p style="background-color:#5345b2;">Content here</p>

#5345b2 border color

This element has a border color of #5345b2.

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

CSS codes

.text {color:#5345b2;}

.background {background-color:#5345b2;}

.border {border:1px solid #5345b2;}

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

#040308
```
#040308 rgb(4,3,8)
```
#0a0917
```
#0a0917 rgb(10,9,23)
```
#110e25
```
#110e25 rgb(17,14,37)
```
#181433
```
#181433 rgb(24,20,51)
```
#1e1941
```
#1e1941 rgb(30,25,65)
```
#251f4f
```
#251f4f rgb(37,31,79)
```
#2b245d
```
#2b245d rgb(43,36,93)
```
#322a6b
```
#322a6b rgb(50,42,107)
```
#392f79
```
#392f79 rgb(57,47,121)
```
#3f3588
```
#3f3588 rgb(63,53,136)
```
#463a96
```
#463a96 rgb(70,58,150)
```
#4c40a4
```
#4c40a4 rgb(76,64,164)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```

Shade Color Variation

#5d50bb
```
#5d50bb rgb(93,80,187)
```
#6a5ec0
```
#6a5ec0 rgb(106,94,192)
```
#776cc6
```
#776cc6 rgb(119,108,198)
```
#847acb
```
#847acb rgb(132,122,203)
```
#9188d1
```
#9188d1 rgb(145,136,209)
```
#9f96d6
```
#9f96d6 rgb(159,150,214)
```
#aca4dc
```
#aca4dc rgb(172,164,220)
```
#b9b3e1
```
#b9b3e1 rgb(185,179,225)
```
#c6c1e7
```
#c6c1e7 rgb(198,193,231)
```
#d3cfec
```
#d3cfec rgb(211,207,236)
```
#e0ddf2
```
#e0ddf2 rgb(224,221,242)
```
#edebf7
```
#edebf7 rgb(237,235,247)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#767583
```
#767583 rgb(118,117,131)
```
#6f6b8c
```
#6f6b8c rgb(111,107,140)
```
#686296
```
#686296 rgb(104,98,150)
```
#61589f
```
#61589f rgb(97,88,159)
```
#5a4fa9
```
#5a4fa9 rgb(90,79,169)
```
#5345b2
```
#5345b2 rgb(83,69,178)
```
#4c3cbc
```
#4c3cbc rgb(76,60,188)
```
#4532c5
```
#4532c5 rgb(69,50,197)
```
#3e29cf
```
#3e29cf rgb(62,41,207)
```
#371fd8
```
#371fd8 rgb(55,31,216)
```
#3016e2
```
#3016e2 rgb(48,22,226)
```
#290ceb
```
#290ceb rgb(41,12,235)
```
#2202f5
```
#2202f5 rgb(34,2,245)
```

Tone Color Variation

Below, you can see how #5345b2 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
#555368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb4 Protanopia 1% of men
#00609e Deuteranopia 1% of men
#3b646c Tritanopia 0.001% of the population

Trichromacy

#1e53b3 Protanomaly 1% of men, 0.01% of women
#1e56a5 Deuteranomaly 6% of men, 0.4% of women
#445985 Tritanomaly 0.01% of the population

#5345b2 hex color

#5345b2 Color Information

#5345b2 Color Conversion

Color Schemes with #5345b2

Alternatives to #5345b2

#5345b2 Preview

Shades and Tints of #5345b2

Tones of #5345b2

Color Blindness Simulator