#5343f1 hex color

In a RGB color space, hex #5343f1 is composed of 32.5% red, 26.3% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 72.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 245.5 degrees, a saturation of 86.1% and a lightness of 60.4%. #5343f1 color hex could be obtained by blending #a686ff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 26
- B 95
RGB color chart
- C 66
- M 72
- Y 0
- K 5
CMYK color chart

● #5343f1 color description : Bright blue.

The hexadecimal color #5343f1 has RGB values of R:83, G:67, B:241 and CMYK values of C:0.66, M:0.72, Y:0, K:0.05. Its decimal value is 5456881.

Hex triplet	5343f1	`#5343f1`
RGB Decimal	83, 67, 241	`rgb(83,67,241)`
RGB Percent	32.5, 26.3, 94.5	`rgb(32.5%,26.3%,94.5%)`
CMYK	66, 72, 0, 5
HSL	245.5°, 86.1, 60.4	`hsl(245.5,86.1%,60.4%)`
HSV (or HSB)	245.5°, 72.2, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.537, 56.403, -84.547
XYZ	21.449, 12.203, 84.439
xyY	0.182, 0.103, 12.203
CIE-LCH	41.537, 101.634, 303.708
CIE-LUV	41.537, -5.638, -123.353
Hunter-Lab	34.933, 48.464, -118.861
Binary	01010011, 01000011, 11110001

#5343f1
```
#5343f1 rgb(83,67,241)
```
#e1f143
```
#e1f143 rgb(225,241,67)
```

Complementary Color

#438af1
```
#438af1 rgb(67,138,241)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#aa43f1
```
#aa43f1 rgb(170,67,241)
```

Analogous Color

#8af143
```
#8af143 rgb(138,241,67)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#f1aa43
```
#f1aa43 rgb(241,170,67)
```

Split Complementary Color

#43f153
```
#43f153 rgb(67,241,83)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#f15343
```
#f15343 rgb(241,83,67)
```

Triadic Color

#43e1f1
```
#43e1f1 rgb(67,225,241)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#f15343
```
#f15343 rgb(241,83,67)
```
#e1f143
```
#e1f143 rgb(225,241,67)
```

Tetradic Color

#2210d7
```
#2210d7 rgb(34,16,215)
```
#2814ed
```
#2814ed rgb(40,20,237)
```
#3d2bef
```
#3d2bef rgb(61,43,239)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#695bf3
```
#695bf3 rgb(105,91,243)
```
#7e72f5
```
#7e72f5 rgb(126,114,245)
```
#948af6
```
#948af6 rgb(148,138,246)
```

Monochromatic Color

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

#435ff1
```
#435ff1 rgb(67,95,241)
```
#4350f1
```
#4350f1 rgb(67,80,241)
```
#4443f1
```
#4443f1 rgb(68,67,241)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#6143f1
```
#6143f1 rgb(97,67,241)
```
#7043f1
```
#7043f1 rgb(112,67,241)
```
#7f43f1
```
#7f43f1 rgb(127,67,241)
```

Similar Colors

Text with hexadecimal color #5343f1

This text has a font color of #5343f1.

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

#5343f1 background color

This paragraph has a background color of #5343f1.

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

#5343f1 border color

This element has a border color of #5343f1.

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

CSS codes

.text {color:#5343f1;}

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

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

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, #02010d is the darkest color, while #fafaff is the lightest one.

#02010d
```
#02010d rgb(2,1,13)
```
#05021f
```
#05021f rgb(5,2,31)
```
#080431
```
#080431 rgb(8,4,49)
```
#0b0544
```
#0b0544 rgb(11,5,68)
```
#0e0656
```
#0e0656 rgb(14,6,86)
```
#110868
```
#110868 rgb(17,8,104)
```
#14097a
```
#14097a rgb(20,9,122)
```
#160a8d
```
#160a8d rgb(22,10,141)
```
#190c9f
```
#190c9f rgb(25,12,159)
```
#1c0db1
```
#1c0db1 rgb(28,13,177)
```
#1f0fc3
```
#1f0fc3 rgb(31,15,195)
```
#2210d6
```
#2210d6 rgb(34,16,214)
```
#2511e8
```
#2511e8 rgb(37,17,232)
```

Shade Color Variation

#321eee
```
#321eee rgb(50,30,238)
```
#4231f0
```
#4231f0 rgb(66,49,240)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#6455f2
```
#6455f2 rgb(100,85,242)
```
#7468f4
```
#7468f4 rgb(116,104,244)
```
#857af5
```
#857af5 rgb(133,122,245)
```
#968cf6
```
#968cf6 rgb(150,140,246)
```
#a79ef8
```
#a79ef8 rgb(167,158,248)
```
#b7b1f9
```
#b7b1f9 rgb(183,177,249)
```
#c8c3fb
```
#c8c3fb rgb(200,195,251)
```
#d9d5fc
```
#d9d5fc rgb(217,213,252)
```
#e9e7fd
```
#e9e7fd rgb(233,231,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99989c is the less saturated color, while #4d3bf9 is the most saturated one.

#99989c
```
#99989c rgb(153,152,156)
```
#9291a3
```
#9291a3 rgb(146,145,163)
```
#8c89ab
```
#8c89ab rgb(140,137,171)
```
#8681b3
```
#8681b3 rgb(134,129,179)
```
#7f79bb
```
#7f79bb rgb(127,121,187)
```
#7972c2
```
#7972c2 rgb(121,114,194)
```
#736aca
```
#736aca rgb(115,106,202)
```
#6c62d2
```
#6c62d2 rgb(108,98,210)
```
#665ada
```
#665ada rgb(102,90,218)
```
#6053e1
```
#6053e1 rgb(96,83,225)
```
#594be9
```
#594be9 rgb(89,75,233)
```
#5343f1
```
#5343f1 rgb(83,67,241)
```
#4d3bf9
```
#4d3bf9 rgb(77,59,249)
```

Tone Color Variation

Below, you can see how #5343f1 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

#5c5c5c Achromatopsia 0.005% of the population
#5a577a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e59d7 Protanomaly 1% of men, 0.01% of women
#1e5dc6 Deuteranomaly 6% of men, 0.4% of women
#1e62a6 Tritanomaly 0.01% of the population

#5343f1 hex color

#5343f1 Color Information

#5343f1 Color Conversion

Color Schemes with #5343f1

Alternatives to #5343f1

#5343f1 Preview

Shades and Tints of #5343f1

Tones of #5343f1

Color Blindness Simulator