#5345d3 hex color

In a RGB color space, hex #5345d3 is composed of 32.5% red, 27.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 67.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 245.9 degrees, a saturation of 61.7% and a lightness of 54.9%. #5345d3 color hex could be obtained by blending #a68aff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 83
RGB color chart
- C 61
- M 67
- Y 0
- K 17
CMYK color chart

● #5345d3 color description : Moderate blue.

The hexadecimal color #5345d3 has RGB values of R:83, G:69, B:211 and CMYK values of C:0.61, M:0.67, Y:0, K:0.17. Its decimal value is 5457363.

Hex triplet	5345d3	`#5345d3`
RGB Decimal	83, 69, 211	`rgb(83,69,211)`
RGB Percent	32.5, 27.1, 82.7	`rgb(32.5%,27.1%,82.7%)`
CMYK	61, 67, 0, 17
HSL	245.9°, 61.7, 54.9	`hsl(245.9,61.7%,54.9%)`
HSV (or HSB)	245.9°, 67.3, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.238, 46.089, -71.233
XYZ	17.451, 10.798, 62.789
xyY	0.192, 0.119, 10.798
CIE-LCH	39.238, 84.844, 302.904
CIE-LUV	39.238, -4.103, -104.113
Hunter-Lab	32.86, 37.292, -90.29
Binary	01010011, 01000101, 11010011

#5345d3
```
#5345d3 rgb(83,69,211)
```
#c5d345
```
#c5d345 rgb(197,211,69)
```

Complementary Color

#457ed3
```
#457ed3 rgb(69,126,211)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#9a45d3
```
#9a45d3 rgb(154,69,211)
```

Analogous Color

#7ed345
```
#7ed345 rgb(126,211,69)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#d39a45
```
#d39a45 rgb(211,154,69)
```

Split Complementary Color

#45d353
```
#45d353 rgb(69,211,83)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#d35345
```
#d35345 rgb(211,83,69)
```

Triadic Color

#45c5d3
```
#45c5d3 rgb(69,197,211)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#d35345
```
#d35345 rgb(211,83,69)
```
#c5d345
```
#c5d345 rgb(197,211,69)
```

Tetradic Color

#3327a5
```
#3327a5 rgb(51,39,165)
```
#3a2cb9
```
#3a2cb9 rgb(58,44,185)
```
#4031ce
```
#4031ce rgb(64,49,206)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#665ad8
```
#665ad8 rgb(102,90,216)
```
#796edd
```
#796edd rgb(121,110,221)
```
#8c83e2
```
#8c83e2 rgb(140,131,226)
```

Monochromatic Color

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

#455bd3
```
#455bd3 rgb(69,91,211)
```
#454fd3
```
#454fd3 rgb(69,79,211)
```
#4745d3
```
#4745d3 rgb(71,69,211)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#6b45d3
```
#6b45d3 rgb(107,69,211)
```
#7745d3
```
#7745d3 rgb(119,69,211)
```

Similar Colors

Text with hexadecimal color #5345d3

This text has a font color of #5345d3.

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

#5345d3 background color

This paragraph has a background color of #5345d3.

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

#5345d3 border color

This element has a border color of #5345d3.

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

CSS codes

.text {color:#5345d3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#060514
```
#060514 rgb(6,5,20)
```
#0b0924
```
#0b0924 rgb(11,9,36)
```
#100c34
```
#100c34 rgb(16,12,52)
```
#151044
```
#151044 rgb(21,16,68)
```
#1a1454
```
#1a1454 rgb(26,20,84)
```
#1f1864
```
#1f1864 rgb(31,24,100)
```
#241b73
```
#241b73 rgb(36,27,115)
```
#291f83
```
#291f83 rgb(41,31,131)
```
#2e2393
```
#2e2393 rgb(46,35,147)
```
#3327a3
```
#3327a3 rgb(51,39,163)
```
#382ab3
```
#382ab3 rgb(56,42,179)
```
#3d2ec3
```
#3d2ec3 rgb(61,46,195)
```

Shade Color Variation

#4435cf
```
#4435cf rgb(68,53,207)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#6255d7
```
#6255d7 rgb(98,85,215)
```
#7065db
```
#7065db rgb(112,101,219)
```
#7f75de
```
#7f75de rgb(127,117,222)
```
#8e84e2
```
#8e84e2 rgb(142,132,226)
```
#9c94e6
```
#9c94e6 rgb(156,148,230)
```
#aba4ea
```
#aba4ea rgb(171,164,234)
```
#bab4ed
```
#bab4ed rgb(186,180,237)
```
#c8c4f1
```
#c8c4f1 rgb(200,196,241)
```
#d7d4f5
```
#d7d4f5 rgb(215,212,245)
```
#e6e4f9
```
#e6e4f9 rgb(230,228,249)
```
#f4f3fc
```
#f4f3fc rgb(244,243,252)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#858395
```
#858395 rgb(133,131,149)
```
#7e7a9e
```
#7e7a9e rgb(126,122,158)
```
#7771a7
```
#7771a7 rgb(119,113,167)
```
#6f68b0
```
#6f68b0 rgb(111,104,176)
```
#6860b8
```
#6860b8 rgb(104,96,184)
```
#6157c1
```
#6157c1 rgb(97,87,193)
```
#5a4eca
```
#5a4eca rgb(90,78,202)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#4c3cdc
```
#4c3cdc rgb(76,60,220)
```
#4533e5
```
#4533e5 rgb(69,51,229)
```
#3e2aee
```
#3e2aee rgb(62,42,238)
```
#3722f6
```
#3722f6 rgb(55,34,246)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#056e76 Tritanopia 0.001% of the population

Trichromacy

#1e57c6 Protanomaly 1% of men, 0.01% of women
#1e5ab6 Deuteranomaly 6% of men, 0.4% of women
#215f98 Tritanomaly 0.01% of the population

#5345d3 hex color

#5345d3 Color Information

#5345d3 Color Conversion

Color Schemes with #5345d3

Alternatives to #5345d3

#5345d3 Preview

Shades and Tints of #5345d3

Tones of #5345d3

Color Blindness Simulator