#5345a6 hex color

In a RGB color space, hex #5345a6 is composed of 32.5% red, 27.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 58.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 248.7 degrees, a saturation of 41.3% and a lightness of 46.1%. #5345a6 color hex could be obtained by blending #a68aff with #00004d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 65
RGB color chart
- C 50
- M 58
- Y 0
- K 35
CMYK color chart

● #5345a6 color description : Dark moderate blue.

The hexadecimal color #5345a6 has RGB values of R:83, G:69, B:166 and CMYK values of C:0.5, M:0.58, Y:0, K:0.35. Its decimal value is 5457318.

Hex triplet	5345a6	`#5345a6`
RGB Decimal	83, 69, 166	`rgb(83,69,166)`
RGB Percent	32.5, 27.1, 65.1	`rgb(32.5%,27.1%,65.1%)`
CMYK	50, 58, 0, 35
HSL	248.7°, 41.3, 46.1	`hsl(248.7,41.3%,46.1%)`
HSV (or HSB)	248.7°, 58.4, 65.1
Web Safe	663399	`#663399`

CIE-LAB	35.69, 31.988, -50.594
XYZ	12.577, 8.848, 37.119
xyY	0.215, 0.151, 8.848
CIE-LCH	35.69, 59.858, 302.303
CIE-LUV	35.69, -0.847, -73.338
Hunter-Lab	29.746, 23.418, -53.165
Binary	01010011, 01000101, 10100110

#5345a6
```
#5345a6 rgb(83,69,166)
```
#98a645
```
#98a645 rgb(152,166,69)
```

Complementary Color

#4568a6
```
#4568a6 rgb(69,104,166)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#8445a6
```
#8445a6 rgb(132,69,166)
```

Analogous Color

#68a645
```
#68a645 rgb(104,166,69)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#a68445
```
#a68445 rgb(166,132,69)
```

Split Complementary Color

#45a653
```
#45a653 rgb(69,166,83)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#a65345
```
#a65345 rgb(166,83,69)
```

Triadic Color

#4598a6
```
#4598a6 rgb(69,152,166)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#a65345
```
#a65345 rgb(166,83,69)
```
#98a645
```
#98a645 rgb(152,166,69)
```

Tetradic Color

#382f70
```
#382f70 rgb(56,47,112)
```
#413682
```
#413682 rgb(65,54,130)
```
#4a3e94
```
#4a3e94 rgb(74,62,148)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#5e4fb6
```
#5e4fb6 rgb(94,79,182)
```
#6e61bd
```
#6e61bd rgb(110,97,189)
```
#7f73c5
```
#7f73c5 rgb(127,115,197)
```

Monochromatic Color

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

#454fa6
```
#454fa6 rgb(69,79,166)
```
#4547a6
```
#4547a6 rgb(69,71,166)
```
#4b45a6
```
#4b45a6 rgb(75,69,166)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#5b45a6
```
#5b45a6 rgb(91,69,166)
```
#6345a6
```
#6345a6 rgb(99,69,166)
```
#6b45a6
```
#6b45a6 rgb(107,69,166)
```

Similar Colors

Text with hexadecimal color #5345a6

This text has a font color of #5345a6.

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

#5345a6 background color

This paragraph has a background color of #5345a6.

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

#5345a6 border color

This element has a border color of #5345a6.

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

CSS codes

.text {color:#5345a6;}

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

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

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, #07060e is the darkest color, while #ffffff is the lightest one.

#07060e
```
#07060e rgb(7,6,14)
```
#0e0b1b
```
#0e0b1b rgb(14,11,27)
```
#151129
```
#151129 rgb(21,17,41)
```
#1c1737
```
#1c1737 rgb(28,23,55)
```
#231d45
```
#231d45 rgb(35,29,69)
```
#292253
```
#292253 rgb(41,34,83)
```
#302861
```
#302861 rgb(48,40,97)
```
#372e6f
```
#372e6f rgb(55,46,111)
```
#3e347c
```
#3e347c rgb(62,52,124)
```
#45398a
```
#45398a rgb(69,57,138)
```
#4c3f98
```
#4c3f98 rgb(76,63,152)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#5a4bb4
```
#5a4bb4 rgb(90,75,180)
```

Shade Color Variation

#6758ba
```
#6758ba rgb(103,88,186)
```
#7366c0
```
#7366c0 rgb(115,102,192)
```
#8074c5
```
#8074c5 rgb(128,116,197)
```
#8d82cb
```
#8d82cb rgb(141,130,203)
```
#9990d1
```
#9990d1 rgb(153,144,209)
```
#a69ed7
```
#a69ed7 rgb(166,158,215)
```
#b3acdc
```
#b3acdc rgb(179,172,220)
```
#bfb9e2
```
#bfb9e2 rgb(191,185,226)
```
#ccc7e8
```
#ccc7e8 rgb(204,199,232)
```
#d9d5ee
```
#d9d5ee rgb(217,213,238)
```
#e5e3f3
```
#e5e3f3 rgb(229,227,243)
```
#f2f1f9
```
#f2f1f9 rgb(242,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#737279
```
#737279 rgb(115,114,121)
```
#6d6982
```
#6d6982 rgb(109,105,130)
```
#66608b
```
#66608b rgb(102,96,139)
```
#605794
```
#605794 rgb(96,87,148)
```
#594e9d
```
#594e9d rgb(89,78,157)
```
#5345a6
```
#5345a6 rgb(83,69,166)
```
#4d3caf
```
#4d3caf rgb(77,60,175)
```
#4633b8
```
#4633b8 rgb(70,51,184)
```
#402ac1
```
#402ac1 rgb(64,42,193)
```
#3921ca
```
#3921ca rgb(57,33,202)
```
#3318d3
```
#3318d3 rgb(51,24,211)
```
#2c0fdc
```
#2c0fdc rgb(44,15,220)
```
#2606e5
```
#2606e5 rgb(38,6,229)
```

Tone Color Variation

Below, you can see how #5345a6 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

#545454 Achromatopsia 0.005% of the population
#545164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9c Deuteranopia 1% of men
#426168 Tritanopia 0.001% of the population

Trichromacy

#1e52ac Protanomaly 1% of men, 0.01% of women
#1e559f Deuteranomaly 6% of men, 0.4% of women
#48577f Tritanomaly 0.01% of the population

#5345a6 hex color

#5345a6 Color Information

#5345a6 Color Conversion

Color Schemes with #5345a6

Alternatives to #5345a6

#5345a6 Preview

Shades and Tints of #5345a6

Tones of #5345a6

Color Blindness Simulator