#5344e1 hex color

In a RGB color space, hex #5344e1 is composed of 32.5% red, 26.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 69.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 245.7 degrees, a saturation of 72.4% and a lightness of 57.5%. #5344e1 color hex could be obtained by blending #a688ff with #0000c3. Closest websafe color is: #6633cc.

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

● #5344e1 color description : Soft blue.

The hexadecimal color #5344e1 has RGB values of R:83, G:68, B:225 and CMYK values of C:0.63, M:0.7, Y:0, K:0.12. Its decimal value is 5457121.

Hex triplet	5344e1	`#5344e1`
RGB Decimal	83, 68, 225	`rgb(83,68,225)`
RGB Percent	32.5, 26.7, 88.2	`rgb(32.5%,26.7%,88.2%)`
CMYK	63, 70, 0, 12
HSL	245.7°, 72.4, 57.5	`hsl(245.7,72.4%,57.5%)`
HSV (or HSB)	245.7°, 69.8, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.26, 50.988, -77.579
XYZ	19.222, 11.409, 72.419
xyY	0.187, 0.111, 11.409
CIE-LCH	40.26, 92.835, 303.314
CIE-LUV	40.26, -4.818, -113.278
Hunter-Lab	33.777, 42.476, -103.478
Binary	01010011, 01000100, 11100001

#5344e1
```
#5344e1 rgb(83,68,225)
```
#d2e144
```
#d2e144 rgb(210,225,68)
```

Complementary Color

#4484e1
```
#4484e1 rgb(68,132,225)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#a244e1
```
#a244e1 rgb(162,68,225)
```

Analogous Color

#84e144
```
#84e144 rgb(132,225,68)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#e1a244
```
#e1a244 rgb(225,162,68)
```

Split Complementary Color

#44e153
```
#44e153 rgb(68,225,83)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#e15344
```
#e15344 rgb(225,83,68)
```

Triadic Color

#44d2e1
```
#44d2e1 rgb(68,210,225)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#e15344
```
#e15344 rgb(225,83,68)
```
#d2e144
```
#d2e144 rgb(210,225,68)
```

Tetradic Color

#2d1ebb
```
#2d1ebb rgb(45,30,187)
```
#3221d1
```
#3221d1 rgb(50,33,209)
```
#3f2edd
```
#3f2edd rgb(63,46,221)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#675ae5
```
#675ae5 rgb(103,90,229)
```
#7b70e8
```
#7b70e8 rgb(123,112,232)
```
#9086ec
```
#9086ec rgb(144,134,236)
```

Monochromatic Color

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

#445ce1
```
#445ce1 rgb(68,92,225)
```
#444fe1
```
#444fe1 rgb(68,79,225)
```
#4644e1
```
#4644e1 rgb(70,68,225)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#6044e1
```
#6044e1 rgb(96,68,225)
```
#6d44e1
```
#6d44e1 rgb(109,68,225)
```
#7a44e1
```
#7a44e1 rgb(122,68,225)
```

Similar Colors

Text with hexadecimal color #5344e1

This text has a font color of #5344e1.

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

#5344e1 background color

This paragraph has a background color of #5344e1.

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

#5344e1 border color

This element has a border color of #5344e1.

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

CSS codes

.text {color:#5344e1;}

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

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

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

#040310
```
#040310 rgb(4,3,16)
```
#080521
```
#080521 rgb(8,5,33)
```
#0c0832
```
#0c0832 rgb(12,8,50)
```
#100b43
```
#100b43 rgb(16,11,67)
```
#140d53
```
#140d53 rgb(20,13,83)
```
#181064
```
#181064 rgb(24,16,100)
```
#1c1375
```
#1c1375 rgb(28,19,117)
```
#201686
```
#201686 rgb(32,22,134)
```
#241897
```
#241897 rgb(36,24,151)
```
#281ba8
```
#281ba8 rgb(40,27,168)
```
#2c1eb9
```
#2c1eb9 rgb(44,30,185)
```
#3120ca
```
#3120ca rgb(49,32,202)
```
#3523db
```
#3523db rgb(53,35,219)
```

Shade Color Variation

#4333de
```
#4333de rgb(67,51,222)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#6355e4
```
#6355e4 rgb(99,85,228)
```
#7266e6
```
#7266e6 rgb(114,102,230)
```
#8277e9
```
#8277e9 rgb(130,119,233)
```
#9188ec
```
#9188ec rgb(145,136,236)
```
#a199ef
```
#a199ef rgb(161,153,239)
```
#b0a9f1
```
#b0a9f1 rgb(176,169,241)
```
#c0baf4
```
#c0baf4 rgb(192,186,244)
```
#cfcbf7
```
#cfcbf7 rgb(207,203,247)
```
#dfdcf9
```
#dfdcf9 rgb(223,220,249)
```
#eeedfc
```
#eeedfc rgb(238,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#908f96
```
#908f96 rgb(144,143,150)
```
#89879e
```
#89879e rgb(137,135,158)
```
#827ea7
```
#827ea7 rgb(130,126,167)
```
#7c76af
```
#7c76af rgb(124,118,175)
```
#756eb7
```
#756eb7 rgb(117,110,183)
```
#6e65c0
```
#6e65c0 rgb(110,101,192)
```
#675dc8
```
#675dc8 rgb(103,93,200)
```
#6155d0
```
#6155d0 rgb(97,85,208)
```
#5a4cd9
```
#5a4cd9 rgb(90,76,217)
```
#5344e1
```
#5344e1 rgb(83,68,225)
```
#4c3ce9
```
#4c3ce9 rgb(76,60,233)
```
#4533f2
```
#4533f2 rgb(69,51,242)
```
#3f2bfa
```
#3f2bfa rgb(63,43,250)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

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

#5344e1 hex color

#5344e1 Color Information

#5344e1 Color Conversion

Color Schemes with #5344e1

Alternatives to #5344e1

#5344e1 Preview

Shades and Tints of #5344e1

Tones of #5344e1

Color Blindness Simulator