#5340f6 hex color

In a RGB color space, hex #5340f6 is composed of 32.5% red, 25.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 74% magenta, 0% yellow and 3.5% black. It has a hue angle of 246.3 degrees, a saturation of 91% and a lightness of 60.8%. #5340f6 color hex could be obtained by blending #a680ff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 25
- B 96
RGB color chart
- C 66
- M 74
- Y 0
- K 4
CMYK color chart

● #5340f6 color description : Bright blue.

The hexadecimal color #5340f6 has RGB values of R:83, G:64, B:246 and CMYK values of C:0.66, M:0.74, Y:0, K:0.04. Its decimal value is 5456118.

Hex triplet	5340f6	`#5340f6`
RGB Decimal	83, 64, 246	`rgb(83,64,246)`
RGB Percent	32.5, 25.1, 96.5	`rgb(32.5%,25.1%,96.5%)`
CMYK	66, 74, 0, 4
HSL	246.3°, 91, 60.8	`hsl(246.3,91%,60.8%)`
HSV (or HSB)	246.3°, 74, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.467, 59.441, -87.476
XYZ	22.032, 12.159, 88.37
xyY	0.18, 0.099, 12.159
CIE-LCH	41.467, 105.76, 304.197
CIE-LUV	41.467, -5.467, -126.83
Hunter-Lab	34.869, 51.764, -125.851
Binary	01010011, 01000000, 11110110

#5340f6
```
#5340f6 rgb(83,64,246)
```
#e3f640
```
#e3f640 rgb(227,246,64)
```

Complementary Color

#4088f6
```
#4088f6 rgb(64,136,246)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#ae40f6
```
#ae40f6 rgb(174,64,246)
```

Analogous Color

#88f640
```
#88f640 rgb(136,246,64)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#f6ae40
```
#f6ae40 rgb(246,174,64)
```

Split Complementary Color

#40f653
```
#40f653 rgb(64,246,83)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#f65340
```
#f65340 rgb(246,83,64)
```

Triadic Color

#40e3f6
```
#40e3f6 rgb(64,227,246)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#f65340
```
#f65340 rgb(246,83,64)
```
#e3f640
```
#e3f640 rgb(227,246,64)
```

Tetradic Color

#210bdf
```
#210bdf rgb(33,11,223)
```
#270ff4
```
#270ff4 rgb(39,15,244)
```
#3d28f5
```
#3d28f5 rgb(61,40,245)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#6958f7
```
#6958f7 rgb(105,88,247)
```
#7f71f8
```
#7f71f8 rgb(127,113,248)
```
#9589f9
```
#9589f9 rgb(149,137,249)
```

Monochromatic Color

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

#405af6
```
#405af6 rgb(64,90,246)
```
#404bf6
```
#404bf6 rgb(64,75,246)
```
#4440f6
```
#4440f6 rgb(68,64,246)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#6240f6
```
#6240f6 rgb(98,64,246)
```
#7140f6
```
#7140f6 rgb(113,64,246)
```
#8140f6
```
#8140f6 rgb(129,64,246)
```

Similar Colors

Text with hexadecimal color #5340f6

This text has a font color of #5340f6.

<span style="color:#5340f6;">Text here</span>

#5340f6 background color

This paragraph has a background color of #5340f6.

<p style="background-color:#5340f6;">Content here</p>

#5340f6 border color

This element has a border color of #5340f6.

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

CSS codes

.text {color:#5340f6;}

.background {background-color:#5340f6;}

.border {border:1px solid #5340f6;}

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

#02010f
```
#02010f rgb(2,1,15)
```
#050222
```
#050222 rgb(5,2,34)
```
#080235
```
#080235 rgb(8,2,53)
```
#0a0347
```
#0a0347 rgb(10,3,71)
```
#0d045a
```
#0d045a rgb(13,4,90)
```
#10056d
```
#10056d rgb(16,5,109)
```
#13067f
```
#13067f rgb(19,6,127)
```
#150792
```
#150792 rgb(21,7,146)
```
#1808a5
```
#1808a5 rgb(24,8,165)
```
#1b09b8
```
#1b09b8 rgb(27,9,184)
```
#1e0aca
```
#1e0aca rgb(30,10,202)
```
#200add
```
#200add rgb(32,10,221)
```
#230bf0
```
#230bf0 rgb(35,11,240)
```

Shade Color Variation

#311bf4
```
#311bf4 rgb(49,27,244)
```
#422df5
```
#422df5 rgb(66,45,245)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#6453f7
```
#6453f7 rgb(100,83,247)
```
#7565f8
```
#7565f8 rgb(117,101,248)
```
#8678f9
```
#8678f9 rgb(134,120,249)
```
#968bfa
```
#968bfa rgb(150,139,250)
```
#a79efa
```
#a79efa rgb(167,158,250)
```
#b8b0fb
```
#b8b0fb rgb(184,176,251)
```
#c9c3fc
```
#c9c3fc rgb(201,195,252)
```
#dad6fd
```
#dad6fd rgb(218,214,253)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#9695a1
```
#9695a1 rgb(150,149,161)
```
#908da9
```
#908da9 rgb(144,141,169)
```
#8a85b1
```
#8a85b1 rgb(138,133,177)
```
#847eb8
```
#847eb8 rgb(132,126,184)
```
#7e76c0
```
#7e76c0 rgb(126,118,192)
```
#786ec8
```
#786ec8 rgb(120,110,200)
```
#7166d0
```
#7166d0 rgb(113,102,208)
```
#6b5fd7
```
#6b5fd7 rgb(107,95,215)
```
#6557df
```
#6557df rgb(101,87,223)
```
#5f4fe7
```
#5f4fe7 rgb(95,79,231)
```
#5948ee
```
#5948ee rgb(89,72,238)
```
#5340f6
```
#5340f6 rgb(83,64,246)
```
#4d38fe
```
#4d38fe rgb(77,56,254)
```

Tone Color Variation

Below, you can see how #5340f6 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
#595579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e58d8 Protanomaly 1% of men, 0.01% of women
#1e5cc8 Deuteranomaly 6% of men, 0.4% of women
#1e61a7 Tritanomaly 0.01% of the population

#5340f6 hex color

#5340f6 Color Information

#5340f6 Color Conversion

Color Schemes with #5340f6

Alternatives to #5340f6

#5340f6 Preview

Shades and Tints of #5340f6

Tones of #5340f6

Color Blindness Simulator