#5343e2 hex color

In a RGB color space, hex #5343e2 is composed of 32.5% red, 26.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 70.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 246 degrees, a saturation of 73.3% and a lightness of 57.5%. #5343e2 color hex could be obtained by blending #a686ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 26
- B 89
RGB color chart
- C 63
- M 70
- Y 0
- K 11
CMYK color chart

● #5343e2 color description : Bright blue.

The hexadecimal color #5343e2 has RGB values of R:83, G:67, B:226 and CMYK values of C:0.63, M:0.7, Y:0, K:0.11. Its decimal value is 5456866.

Hex triplet	5343e2	`#5343e2`
RGB Decimal	83, 67, 226	`rgb(83,67,226)`
RGB Percent	32.5, 26.3, 88.6	`rgb(32.5%,26.3%,88.6%)`
CMYK	63, 70, 0, 11
HSL	246°, 73.3, 57.5	`hsl(246,73.3%,57.5%)`
HSV (or HSB)	246°, 70.4, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.153, 51.842, -78.326
XYZ	19.299, 11.343, 73.12
xyY	0.186, 0.109, 11.343
CIE-LCH	40.153, 93.928, 303.499
CIE-LUV	40.153, -4.701, -114.112
Hunter-Lab	33.68, 43.344, -105.143
Binary	01010011, 01000011, 11100010

#5343e2
```
#5343e2 rgb(83,67,226)
```
#d2e243
```
#d2e243 rgb(210,226,67)
```

Complementary Color

#4383e2
```
#4383e2 rgb(67,131,226)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#a343e2
```
#a343e2 rgb(163,67,226)
```

Analogous Color

#83e243
```
#83e243 rgb(131,226,67)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#e2a343
```
#e2a343 rgb(226,163,67)
```

Split Complementary Color

#43e253
```
#43e253 rgb(67,226,83)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#e25343
```
#e25343 rgb(226,83,67)
```

Triadic Color

#43d2e2
```
#43d2e2 rgb(67,210,226)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#e25343
```
#e25343 rgb(226,83,67)
```
#d2e243
```
#d2e243 rgb(210,226,67)
```

Tetradic Color

#2d1dbc
```
#2d1dbc rgb(45,29,188)
```
#3220d2
```
#3220d2 rgb(50,32,210)
```
#3f2ddf
```
#3f2ddf rgb(63,45,223)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#6759e5
```
#6759e5 rgb(103,89,229)
```
#7b6fe9
```
#7b6fe9 rgb(123,111,233)
```
#9085ec
```
#9085ec rgb(144,133,236)
```

Monochromatic Color

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

#435be2
```
#435be2 rgb(67,91,226)
```
#434ee2
```
#434ee2 rgb(67,78,226)
```
#4643e2
```
#4643e2 rgb(70,67,226)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#6043e2
```
#6043e2 rgb(96,67,226)
```
#6e43e2
```
#6e43e2 rgb(110,67,226)
```
#7b43e2
```
#7b43e2 rgb(123,67,226)
```

Similar Colors

Text with hexadecimal color #5343e2

This text has a font color of #5343e2.

<span style="color:#5343e2;">Text here</span>

#5343e2 background color

This paragraph has a background color of #5343e2.

<p style="background-color:#5343e2;">Content here</p>

#5343e2 border color

This element has a border color of #5343e2.

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

CSS codes

.text {color:#5343e2;}

.background {background-color:#5343e2;}

.border {border:1px solid #5343e2;}

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

#040210
```
#040210 rgb(4,2,16)
```
#080521
```
#080521 rgb(8,5,33)
```
#0c0832
```
#0c0832 rgb(12,8,50)
```
#100a43
```
#100a43 rgb(16,10,67)
```
#140d54
```
#140d54 rgb(20,13,84)
```
#181065
```
#181065 rgb(24,16,101)
```
#1c1276
```
#1c1276 rgb(28,18,118)
```
#201587
```
#201587 rgb(32,21,135)
```
#241798
```
#241798 rgb(36,23,152)
```
#281aa9
```
#281aa9 rgb(40,26,169)
```
#2c1dba
```
#2c1dba rgb(44,29,186)
```
#311fcb
```
#311fcb rgb(49,31,203)
```
#3522dc
```
#3522dc rgb(53,34,220)
```

Shade Color Variation

#4332df
```
#4332df rgb(67,50,223)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#6354e5
```
#6354e5 rgb(99,84,229)
```
#7265e7
```
#7265e7 rgb(114,101,231)
```
#8276ea
```
#8276ea rgb(130,118,234)
```
#9187ec
```
#9187ec rgb(145,135,236)
```
#a198ef
```
#a198ef rgb(161,152,239)
```
#b0a9f2
```
#b0a9f2 rgb(176,169,242)
```
#c0baf4
```
#c0baf4 rgb(192,186,244)
```
#cfcbf7
```
#cfcbf7 rgb(207,203,247)
```
#dfdcfa
```
#dfdcfa rgb(223,220,250)
```
#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, #8f8e97 is the less saturated color, while #3f2afb is the most saturated one.

#8f8e97
```
#8f8e97 rgb(143,142,151)
```
#88869f
```
#88869f rgb(136,134,159)
```
#827da8
```
#827da8 rgb(130,125,168)
```
#7b75b0
```
#7b75b0 rgb(123,117,176)
```
#746db8
```
#746db8 rgb(116,109,184)
```
#6e64c1
```
#6e64c1 rgb(110,100,193)
```
#675cc9
```
#675cc9 rgb(103,92,201)
```
#6054d1
```
#6054d1 rgb(96,84,209)
```
#5a4bda
```
#5a4bda rgb(90,75,218)
```
#5343e2
```
#5343e2 rgb(83,67,226)
```
#4c3bea
```
#4c3bea rgb(76,59,234)
```
#4632f3
```
#4632f3 rgb(70,50,243)
```
#3f2afb
```
#3f2afb rgb(63,42,251)
```

Tone Color Variation

Below, you can see how #5343e2 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
#595575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

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

#5343e2 hex color

#5343e2 Color Information

#5343e2 Color Conversion

Color Schemes with #5343e2

Alternatives to #5343e2

#5343e2 Preview

Shades and Tints of #5343e2

Tones of #5343e2

Color Blindness Simulator