#5345e1 hex color

In a RGB color space, hex #5345e1 is composed of 32.5% red, 27.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 69.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 245.4 degrees, a saturation of 72.2% and a lightness of 57.6%. #5345e1 color hex could be obtained by blending #a68aff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 88
RGB color chart
- C 63
- M 69
- Y 0
- K 12
CMYK color chart

● #5345e1 color description : Soft blue.

The hexadecimal color #5345e1 has RGB values of R:83, G:69, B:225 and CMYK values of C:0.63, M:0.69, Y:0, K:0.12. Its decimal value is 5457377.

Hex triplet	5345e1	`#5345e1`
RGB Decimal	83, 69, 225	`rgb(83,69,225)`
RGB Percent	32.5, 27.1, 88.2	`rgb(32.5%,27.1%,88.2%)`
CMYK	63, 69, 0, 12
HSL	245.4°, 72.2, 57.6	`hsl(245.4,72.2%,57.6%)`
HSV (or HSB)	245.4°, 69.3, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.46, 50.437, -77.251
XYZ	19.283, 11.531, 72.439
xyY	0.187, 0.112, 11.531
CIE-LCH	40.46, 92.258, 303.14
CIE-LUV	40.46, -5.001, -113.062
Hunter-Lab	33.957, 41.942, -102.713
Binary	01010011, 01000101, 11100001

#5345e1
```
#5345e1 rgb(83,69,225)
```
#d3e145
```
#d3e145 rgb(211,225,69)
```

Complementary Color

#4585e1
```
#4585e1 rgb(69,133,225)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#a145e1
```
#a145e1 rgb(161,69,225)
```

Analogous Color

#85e145
```
#85e145 rgb(133,225,69)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#e1a145
```
#e1a145 rgb(225,161,69)
```

Split Complementary Color

#45e153
```
#45e153 rgb(69,225,83)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#e15345
```
#e15345 rgb(225,83,69)
```

Triadic Color

#45d3e1
```
#45d3e1 rgb(69,211,225)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#e15345
```
#e15345 rgb(225,83,69)
```
#d3e145
```
#d3e145 rgb(211,225,69)
```

Tetradic Color

#2c1ebb
```
#2c1ebb rgb(44,30,187)
```
#3222d1
```
#3222d1 rgb(50,34,209)
```
#3f2fdd
```
#3f2fdd rgb(63,47,221)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#675be5
```
#675be5 rgb(103,91,229)
```
#7c71e8
```
#7c71e8 rgb(124,113,232)
```
#9087ec
```
#9087ec rgb(144,135,236)
```

Monochromatic Color

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

#455ee1
```
#455ee1 rgb(69,94,225)
```
#4551e1
```
#4551e1 rgb(69,81,225)
```
#4645e1
```
#4645e1 rgb(70,69,225)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#6045e1
```
#6045e1 rgb(96,69,225)
```
#6d45e1
```
#6d45e1 rgb(109,69,225)
```
#7a45e1
```
#7a45e1 rgb(122,69,225)
```

Similar Colors

Text with hexadecimal color #5345e1

This text has a font color of #5345e1.

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

#5345e1 background color

This paragraph has a background color of #5345e1.

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

#5345e1 border color

This element has a border color of #5345e1.

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

CSS codes

.text {color:#5345e1;}

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

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

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

#040311
```
#040311 rgb(4,3,17)
```
#080522
```
#080522 rgb(8,5,34)
```
#0c0832
```
#0c0832 rgb(12,8,50)
```
#100b43
```
#100b43 rgb(16,11,67)
```
#140e54
```
#140e54 rgb(20,14,84)
```
#181065
```
#181065 rgb(24,16,101)
```
#1c1376
```
#1c1376 rgb(28,19,118)
```
#201687
```
#201687 rgb(32,22,135)
```
#241898
```
#241898 rgb(36,24,152)
```
#281ba9
```
#281ba9 rgb(40,27,169)
```
#2c1eba
```
#2c1eba rgb(44,30,186)
```
#3021ca
```
#3021ca rgb(48,33,202)
```
#3423db
```
#3423db rgb(52,35,219)
```

Shade Color Variation

#4334de
```
#4334de rgb(67,52,222)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#6356e4
```
#6356e4 rgb(99,86,228)
```
#7267e6
```
#7267e6 rgb(114,103,230)
```
#8278e9
```
#8278e9 rgb(130,120,233)
```
#9189ec
```
#9189ec rgb(145,137,236)
```
#a199ef
```
#a199ef rgb(161,153,239)
```
#b1aaf1
```
#b1aaf1 rgb(177,170,241)
```
#c0bbf4
```
#c0bbf4 rgb(192,187,244)
```
#d0ccf7
```
#d0ccf7 rgb(208,204,247)
```
#e0ddfa
```
#e0ddfa rgb(224,221,250)
```
#efeefc
```
#efeefc rgb(239,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#909096
```
#909096 rgb(144,144,150)
```
#8a879f
```
#8a879f rgb(138,135,159)
```
#837fa7
```
#837fa7 rgb(131,127,167)
```
#7c77af
```
#7c77af rgb(124,119,175)
```
#756fb7
```
#756fb7 rgb(117,111,183)
```
#6e66c0
```
#6e66c0 rgb(110,102,192)
```
#675ec8
```
#675ec8 rgb(103,94,200)
```
#6156d0
```
#6156d0 rgb(97,86,208)
```
#5a4dd9
```
#5a4dd9 rgb(90,77,217)
```
#5345e1
```
#5345e1 rgb(83,69,225)
```
#4c3de9
```
#4c3de9 rgb(76,61,233)
```
#4534f2
```
#4534f2 rgb(69,52,242)
```
#3f2cfa
```
#3f2cfa rgb(63,44,250)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#1e59ce Protanomaly 1% of men, 0.01% of women
#1e5cbe Deuteranomaly 6% of men, 0.4% of women
#1e619f Tritanomaly 0.01% of the population

#5345e1 hex color

#5345e1 Color Information

#5345e1 Color Conversion

Color Schemes with #5345e1

Alternatives to #5345e1

#5345e1 Preview

Shades and Tints of #5345e1

Tones of #5345e1

Color Blindness Simulator