#5345a8 hex color

In a RGB color space, hex #5345a8 is composed of 32.5% red, 27.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 58.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 248.5 degrees, a saturation of 41.8% and a lightness of 46.5%. #5345a8 color hex could be obtained by blending #a68aff with #000051. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 66
RGB color chart
- C 51
- M 59
- Y 0
- K 34
CMYK color chart

● #5345a8 color description : Dark moderate blue.

The hexadecimal color #5345a8 has RGB values of R:83, G:69, B:168 and CMYK values of C:0.51, M:0.59, Y:0, K:0.34. Its decimal value is 5457320.

Hex triplet	5345a8	`#5345a8`
RGB Decimal	83, 69, 168	`rgb(83,69,168)`
RGB Percent	32.5, 27.1, 65.9	`rgb(32.5%,27.1%,65.9%)`
CMYK	51, 59, 0, 34
HSL	248.5°, 41.8, 46.5	`hsl(248.5,41.8%,46.5%)`
HSV (or HSB)	248.5°, 58.9, 65.9
Web Safe	663399	`#663399`

CIE-LAB	35.834, 32.612, -51.558
XYZ	12.762, 8.922, 38.093
xyY	0.213, 0.149, 8.922
CIE-LCH	35.834, 61.006, 302.314
CIE-LUV	35.834, -1.006, -74.781
Hunter-Lab	29.87, 23.992, -54.704
Binary	01010011, 01000101, 10101000

#5345a8
```
#5345a8 rgb(83,69,168)
```
#9aa845
```
#9aa845 rgb(154,168,69)
```

Complementary Color

#4569a8
```
#4569a8 rgb(69,105,168)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#8545a8
```
#8545a8 rgb(133,69,168)
```

Analogous Color

#69a845
```
#69a845 rgb(105,168,69)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#a88545
```
#a88545 rgb(168,133,69)
```

Split Complementary Color

#45a853
```
#45a853 rgb(69,168,83)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#a85345
```
#a85345 rgb(168,83,69)
```

Triadic Color

#459aa8
```
#459aa8 rgb(69,154,168)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#a85345
```
#a85345 rgb(168,83,69)
```
#9aa845
```
#9aa845 rgb(154,168,69)
```

Tetradic Color

#382f72
```
#382f72 rgb(56,47,114)
```
#413684
```
#413684 rgb(65,54,132)
```
#4a3e96
```
#4a3e96 rgb(74,62,150)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#5e50b7
```
#5e50b7 rgb(94,80,183)
```
#6f62be
```
#6f62be rgb(111,98,190)
```
#7f74c6
```
#7f74c6 rgb(127,116,198)
```

Monochromatic Color

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

#4550a8
```
#4550a8 rgb(69,80,168)
```
#4548a8
```
#4548a8 rgb(69,72,168)
```
#4b45a8
```
#4b45a8 rgb(75,69,168)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#5b45a8
```
#5b45a8 rgb(91,69,168)
```
#6445a8
```
#6445a8 rgb(100,69,168)
```
#6c45a8
```
#6c45a8 rgb(108,69,168)
```

Similar Colors

Text with hexadecimal color #5345a8

This text has a font color of #5345a8.

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

#5345a8 background color

This paragraph has a background color of #5345a8.

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

#5345a8 border color

This element has a border color of #5345a8.

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

CSS codes

.text {color:#5345a8;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#07060f
```
#07060f rgb(7,6,15)
```
#0e0c1d
```
#0e0c1d rgb(14,12,29)
```
#15122b
```
#15122b rgb(21,18,43)
```
#1c1739
```
#1c1739 rgb(28,23,57)
```
#231d47
```
#231d47 rgb(35,29,71)
```
#2a2355
```
#2a2355 rgb(42,35,85)
```
#312862
```
#312862 rgb(49,40,98)
```
#382e70
```
#382e70 rgb(56,46,112)
```
#3e347e
```
#3e347e rgb(62,52,126)
```
#453a8c
```
#453a8c rgb(69,58,140)
```
#4c3f9a
```
#4c3f9a rgb(76,63,154)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```

Shade Color Variation

#5a4bb5
```
#5a4bb5 rgb(90,75,181)
```
#6759bb
```
#6759bb rgb(103,89,187)
```
#7467c1
```
#7467c1 rgb(116,103,193)
```
#8175c6
```
#8175c6 rgb(129,117,198)
```
#8d83cc
```
#8d83cc rgb(141,131,204)
```
#9a91d2
```
#9a91d2 rgb(154,145,210)
```
#a79fd7
```
#a79fd7 rgb(167,159,215)
```
#b4addd
```
#b4addd rgb(180,173,221)
```
#c0bbe3
```
#c0bbe3 rgb(192,187,227)
```
#cdc9e9
```
#cdc9e9 rgb(205,201,233)
```
#dad6ee
```
#dad6ee rgb(218,214,238)
```
#e7e4f4
```
#e7e4f4 rgb(231,228,244)
```
#f3f2fa
```
#f3f2fa rgb(243,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74737a is the less saturated color, while #2505e8 is the most saturated one.

#74737a
```
#74737a rgb(116,115,122)
```
#6d6984
```
#6d6984 rgb(109,105,132)
```
#67608d
```
#67608d rgb(103,96,141)
```
#605796
```
#605796 rgb(96,87,150)
```
#5a4e9f
```
#5a4e9f rgb(90,78,159)
```
#5345a8
```
#5345a8 rgb(83,69,168)
```
#4c3cb1
```
#4c3cb1 rgb(76,60,177)
```
#4633ba
```
#4633ba rgb(70,51,186)
```
#3f2ac3
```
#3f2ac3 rgb(63,42,195)
```
#3921cc
```
#3921cc rgb(57,33,204)
```
#3217d6
```
#3217d6 rgb(50,23,214)
```
#2c0edf
```
#2c0edf rgb(44,14,223)
```
#2505e8
```
#2505e8 rgb(37,5,232)
```

Tone Color Variation

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

Dichromacy

#005ab1 Protanopia 1% of men
#005e9c Deuteranopia 1% of men
#416269 Tritanopia 0.001% of the population

Trichromacy

#1e52ad Protanomaly 1% of men, 0.01% of women
#1e55a0 Deuteranomaly 6% of men, 0.4% of women
#485780 Tritanomaly 0.01% of the population

#5345a8 hex color

#5345a8 Color Information

#5345a8 Color Conversion

Color Schemes with #5345a8

Alternatives to #5345a8

#5345a8 Preview

Shades and Tints of #5345a8

Tones of #5345a8

Color Blindness Simulator