#5345c8 hex color

In a RGB color space, hex #5345c8 is composed of 32.5% red, 27.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 65.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 246.4 degrees, a saturation of 54.4% and a lightness of 52.7%. #5345c8 color hex could be obtained by blending #a68aff with #000091. Closest websafe color is: #6633cc.

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

● #5345c8 color description : Moderate blue.

The hexadecimal color #5345c8 has RGB values of R:83, G:69, B:200 and CMYK values of C:0.59, M:0.66, Y:0, K:0.22. Its decimal value is 5457352.

Hex triplet	5345c8	`#5345c8`
RGB Decimal	83, 69, 200	`rgb(83,69,200)`
RGB Percent	32.5, 27.1, 78.4	`rgb(32.5%,27.1%,78.4%)`
CMYK	59, 66, 0, 22
HSL	246.4°, 54.4, 52.7	`hsl(246.4,54.4%,52.7%)`
HSV (or HSB)	246.4°, 65.5, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.314, 42.648, -66.379
XYZ	16.119, 10.265, 55.772
xyY	0.196, 0.125, 10.265
CIE-LCH	38.314, 78.899, 302.721
CIE-LUV	38.314, -3.362, -96.893
Hunter-Lab	32.039, 33.736, -80.784
Binary	01010011, 01000101, 11001000

#5345c8
```
#5345c8 rgb(83,69,200)
```
#bac845
```
#bac845 rgb(186,200,69)
```

Complementary Color

#4579c8
```
#4579c8 rgb(69,121,200)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#9545c8
```
#9545c8 rgb(149,69,200)
```

Analogous Color

#79c845
```
#79c845 rgb(121,200,69)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#c89545
```
#c89545 rgb(200,149,69)
```

Split Complementary Color

#45c853
```
#45c853 rgb(69,200,83)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#c85345
```
#c85345 rgb(200,83,69)
```

Triadic Color

#45bac8
```
#45bac8 rgb(69,186,200)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#c85345
```
#c85345 rgb(200,83,69)
```
#bac845
```
#bac845 rgb(186,200,69)
```

Tetradic Color

#372c95
```
#372c95 rgb(55,44,149)
```
#3e32a8
```
#3e32a8 rgb(62,50,168)
```
#4638bc
```
#4638bc rgb(70,56,188)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#6559ce
```
#6559ce rgb(101,89,206)
```
#776cd4
```
#776cd4 rgb(119,108,212)
```
#8a80d9
```
#8a80d9 rgb(138,128,217)
```

Monochromatic Color

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

#4558c8
```
#4558c8 rgb(69,88,200)
```
#454dc8
```
#454dc8 rgb(69,77,200)
```
#4845c8
```
#4845c8 rgb(72,69,200)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#5e45c8
```
#5e45c8 rgb(94,69,200)
```
#6945c8
```
#6945c8 rgb(105,69,200)
```
#7445c8
```
#7445c8 rgb(116,69,200)
```

Similar Colors

Text with hexadecimal color #5345c8

This text has a font color of #5345c8.

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

#5345c8 background color

This paragraph has a background color of #5345c8.

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

#5345c8 border color

This element has a border color of #5345c8.

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

CSS codes

.text {color:#5345c8;}

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

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

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

#04030b
```
#04030b rgb(4,3,11)
```
#0a081a
```
#0a081a rgb(10,8,26)
```
#0f0c29
```
#0f0c29 rgb(15,12,41)
```
#151138
```
#151138 rgb(21,17,56)
```
#1a1547
```
#1a1547 rgb(26,21,71)
```
#201a56
```
#201a56 rgb(32,26,86)
```
#261e66
```
#261e66 rgb(38,30,102)
```
#2b2375
```
#2b2375 rgb(43,35,117)
```
#312784
```
#312784 rgb(49,39,132)
```
#372b93
```
#372b93 rgb(55,43,147)
```
#3c30a2
```
#3c30a2 rgb(60,48,162)
```
#4234b1
```
#4234b1 rgb(66,52,177)
```
#4739c0
```
#4739c0 rgb(71,57,192)
```

Shade Color Variation

#5345c8
```
#5345c8 rgb(83,69,200)
```
#6154cc
```
#6154cc rgb(97,84,204)
```
#6f63d1
```
#6f63d1 rgb(111,99,209)
```
#7d72d5
```
#7d72d5 rgb(125,114,213)
```
#8b82da
```
#8b82da rgb(139,130,218)
```
#9991de
```
#9991de rgb(153,145,222)
```
#a7a0e3
```
#a7a0e3 rgb(167,160,227)
```
#b5afe7
```
#b5afe7 rgb(181,175,231)
```
#c3beec
```
#c3beec rgb(195,190,236)
```
#d1cdf0
```
#d1cdf0 rgb(209,205,240)
```
#dfdcf5
```
#dfdcf5 rgb(223,220,245)
```
#edecf9
```
#edecf9 rgb(237,236,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#868687
```
#868687 rgb(134,134,135)
```
#7f7d90
```
#7f7d90 rgb(127,125,144)
```
#77739a
```
#77739a rgb(119,115,154)
```
#706aa3
```
#706aa3 rgb(112,106,163)
```
#6961ac
```
#6961ac rgb(105,97,172)
```
#6258b5
```
#6258b5 rgb(98,88,181)
```
#5a4ebf
```
#5a4ebf rgb(90,78,191)
```
#5345c8
```
#5345c8 rgb(83,69,200)
```
#4c3cd1
```
#4c3cd1 rgb(76,60,209)
```
#4432db
```
#4432db rgb(68,50,219)
```
#3d29e4
```
#3d29e4 rgb(61,41,228)
```
#3620ed
```
#3620ed rgb(54,32,237)
```
#2f17f6
```
#2f17f6 rgb(47,23,246)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#57546e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0065a3 Deuteranopia 1% of men
#276b73 Tritanopia 0.001% of the population

Trichromacy

#1e56bf Protanomaly 1% of men, 0.01% of women
#1e59b0 Deuteranomaly 6% of men, 0.4% of women
#375d92 Tritanomaly 0.01% of the population

#5345c8 hex color

#5345c8 Color Information

#5345c8 Color Conversion

Color Schemes with #5345c8

Alternatives to #5345c8

#5345c8 Preview

Shades and Tints of #5345c8

Tones of #5345c8

Color Blindness Simulator