#5340f3 hex color

In a RGB color space, hex #5340f3 is composed of 32.5% red, 25.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 73.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 246.4 degrees, a saturation of 88.2% and a lightness of 60.2%. #5340f3 color hex could be obtained by blending #a680ff with #0000e7. Closest websafe color is: #6633ff.

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

● #5340f3 color description : Bright blue.

The hexadecimal color #5340f3 has RGB values of R:83, G:64, B:243 and CMYK values of C:0.66, M:0.74, Y:0, K:0.05. Its decimal value is 5456115.

Hex triplet	5340f3	`#5340f3`
RGB Decimal	83, 64, 243	`rgb(83,64,243)`
RGB Percent	32.5, 25.1, 95.3	`rgb(32.5%,25.1%,95.3%)`
CMYK	66, 74, 0, 5
HSL	246.4°, 88.2, 60.2	`hsl(246.4,88.2%,60.2%)`
HSV (or HSB)	246.4°, 73.7, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.178, 58.551, -86.266
XYZ	21.575, 11.976, 85.964
xyY	0.181, 0.1, 11.976
CIE-LCH	41.178, 104.259, 304.166
CIE-LUV	41.178, -5.28, -125.032
Hunter-Lab	34.606, 50.725, -123.056
Binary	01010011, 01000000, 11110011

#5340f3
```
#5340f3 rgb(83,64,243)
```
#e0f340
```
#e0f340 rgb(224,243,64)
```

Complementary Color

#4087f3
```
#4087f3 rgb(64,135,243)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#ad40f3
```
#ad40f3 rgb(173,64,243)
```

Analogous Color

#87f340
```
#87f340 rgb(135,243,64)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#f3ad40
```
#f3ad40 rgb(243,173,64)
```

Split Complementary Color

#40f353
```
#40f353 rgb(64,243,83)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#f35340
```
#f35340 rgb(243,83,64)
```

Triadic Color

#40e0f3
```
#40e0f3 rgb(64,224,243)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#f35340
```
#f35340 rgb(243,83,64)
```
#e0f340
```
#e0f340 rgb(224,243,64)
```

Tetradic Color

#230ed9
```
#230ed9 rgb(35,14,217)
```
#2810f0
```
#2810f0 rgb(40,16,240)
```
#3d28f1
```
#3d28f1 rgb(61,40,241)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#6958f5
```
#6958f5 rgb(105,88,245)
```
#7e70f6
```
#7e70f6 rgb(126,112,246)
```
#9488f8
```
#9488f8 rgb(148,136,248)
```

Monochromatic Color

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

#405af3
```
#405af3 rgb(64,90,243)
```
#404bf3
```
#404bf3 rgb(64,75,243)
```
#4440f3
```
#4440f3 rgb(68,64,243)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#6240f3
```
#6240f3 rgb(98,64,243)
```
#7140f3
```
#7140f3 rgb(113,64,243)
```
#8040f3
```
#8040f3 rgb(128,64,243)
```

Similar Colors

Text with hexadecimal color #5340f3

This text has a font color of #5340f3.

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

#5340f3 background color

This paragraph has a background color of #5340f3.

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

#5340f3 border color

This element has a border color of #5340f3.

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

CSS codes

.text {color:#5340f3;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#05021e
```
#05021e rgb(5,2,30)
```
#080331
```
#080331 rgb(8,3,49)
```
#0b0443
```
#0b0443 rgb(11,4,67)
```
#0e0556
```
#0e0556 rgb(14,5,86)
```
#110768
```
#110768 rgb(17,7,104)
```
#14087b
```
#14087b rgb(20,8,123)
```
#17098d
```
#17098d rgb(23,9,141)
```
#1a0aa0
```
#1a0aa0 rgb(26,10,160)
```
#1d0bb2
```
#1d0bb2 rgb(29,11,178)
```
#200cc5
```
#200cc5 rgb(32,12,197)
```
#230ed7
```
#230ed7 rgb(35,14,215)
```
#260fe9
```
#260fe9 rgb(38,15,233)
```

Shade Color Variation

#321bf1
```
#321bf1 rgb(50,27,241)
```
#422ef2
```
#422ef2 rgb(66,46,242)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#6452f4
```
#6452f4 rgb(100,82,244)
```
#7465f5
```
#7465f5 rgb(116,101,245)
```
#8577f6
```
#8577f6 rgb(133,119,246)
```
#958af8
```
#958af8 rgb(149,138,248)
```
#a69cf9
```
#a69cf9 rgb(166,156,249)
```
#b7affa
```
#b7affa rgb(183,175,250)
```
#c7c1fb
```
#c7c1fb rgb(199,193,251)
```
#d8d4fc
```
#d8d4fc rgb(216,212,252)
```
#e9e6fd
```
#e9e6fd rgb(233,230,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#97969d
```
#97969d rgb(151,150,157)
```
#918ea5
```
#918ea5 rgb(145,142,165)
```
#8a86ad
```
#8a86ad rgb(138,134,173)
```
#847eb5
```
#847eb5 rgb(132,126,181)
```
#7e77bc
```
#7e77bc rgb(126,119,188)
```
#786fc4
```
#786fc4 rgb(120,111,196)
```
#7267cc
```
#7267cc rgb(114,103,204)
```
#6c5fd4
```
#6c5fd4 rgb(108,95,212)
```
#6557dc
```
#6557dc rgb(101,87,220)
```
#5f50e3
```
#5f50e3 rgb(95,80,227)
```
#5948eb
```
#5948eb rgb(89,72,235)
```
#5340f3
```
#5340f3 rgb(83,64,243)
```
#4d38fb
```
#4d38fb rgb(77,56,251)
```

Tone Color Variation

Below, you can see how #5340f3 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

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#1e58d6 Protanomaly 1% of men, 0.01% of women
#1e5cc6 Deuteranomaly 6% of men, 0.4% of women
#1e60a6 Tritanomaly 0.01% of the population

#5340f3 hex color

#5340f3 Color Information

#5340f3 Color Conversion

Color Schemes with #5340f3

Alternatives to #5340f3

#5340f3 Preview

Shades and Tints of #5340f3

Tones of #5340f3

Color Blindness Simulator