#5340f2 hex color

In a RGB color space, hex #5340f2 is composed of 32.5% red, 25.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 73.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.4 degrees, a saturation of 87.3% and a lightness of 60%. #5340f2 color hex could be obtained by blending #a680ff with #0000e5. 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

● #5340f2 color description : Bright blue.

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

Hex triplet	5340f2	`#5340f2`
RGB Decimal	83, 64, 242	`rgb(83,64,242)`
RGB Percent	32.5, 25.1, 94.9	`rgb(32.5%,25.1%,94.9%)`
CMYK	66, 74, 0, 5
HSL	246.4°, 87.3, 60	`hsl(246.4,87.3%,60%)`
HSV (or HSB)	246.4°, 73.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.082, 58.253, -85.861
XYZ	21.425, 11.916, 85.17
xyY	0.181, 0.101, 11.916
CIE-LCH	41.082, 103.757, 304.155
CIE-LUV	41.082, -5.217, -124.431
Hunter-Lab	34.519, 50.38, -122.126
Binary	01010011, 01000000, 11110010

#5340f2
```
#5340f2 rgb(83,64,242)
```
#dff240
```
#dff240 rgb(223,242,64)
```

Complementary Color

#4086f2
```
#4086f2 rgb(64,134,242)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#ac40f2
```
#ac40f2 rgb(172,64,242)
```

Analogous Color

#86f240
```
#86f240 rgb(134,242,64)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#f2ac40
```
#f2ac40 rgb(242,172,64)
```

Split Complementary Color

#40f253
```
#40f253 rgb(64,242,83)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#f25340
```
#f25340 rgb(242,83,64)
```

Triadic Color

#40dff2
```
#40dff2 rgb(64,223,242)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#f25340
```
#f25340 rgb(242,83,64)
```
#dff240
```
#dff240 rgb(223,242,64)
```

Tetradic Color

#240fd7
```
#240fd7 rgb(36,15,215)
```
#2810ef
```
#2810ef rgb(40,16,239)
```
#3d28f0
```
#3d28f0 rgb(61,40,240)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#6958f4
```
#6958f4 rgb(105,88,244)
```
#7e70f5
```
#7e70f5 rgb(126,112,245)
```
#9488f7
```
#9488f7 rgb(148,136,247)
```

Monochromatic Color

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

#405af2
```
#405af2 rgb(64,90,242)
```
#404bf2
```
#404bf2 rgb(64,75,242)
```
#4440f2
```
#4440f2 rgb(68,64,242)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#6240f2
```
#6240f2 rgb(98,64,242)
```
#7140f2
```
#7140f2 rgb(113,64,242)
```
#8040f2
```
#8040f2 rgb(128,64,242)
```

Similar Colors

Text with hexadecimal color #5340f2

This text has a font color of #5340f2.

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

#5340f2 background color

This paragraph has a background color of #5340f2.

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

#5340f2 border color

This element has a border color of #5340f2.

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

CSS codes

.text {color:#5340f2;}

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

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

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

#02010b
```
#02010b rgb(2,1,11)
```
#05021d
```
#05021d rgb(5,2,29)
```
#080330
```
#080330 rgb(8,3,48)
```
#0b0542
```
#0b0542 rgb(11,5,66)
```
#0e0654
```
#0e0654 rgb(14,6,84)
```
#110767
```
#110767 rgb(17,7,103)
```
#140879
```
#140879 rgb(20,8,121)
```
#170a8c
```
#170a8c rgb(23,10,140)
```
#1a0b9e
```
#1a0b9e rgb(26,11,158)
```
#1e0cb0
```
#1e0cb0 rgb(30,12,176)
```
#210dc3
```
#210dc3 rgb(33,13,195)
```
#240fd5
```
#240fd5 rgb(36,15,213)
```
#2710e7
```
#2710e7 rgb(39,16,231)
```

Shade Color Variation

#321bf0
```
#321bf0 rgb(50,27,240)
```
#422ef1
```
#422ef1 rgb(66,46,241)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#6452f3
```
#6452f3 rgb(100,82,243)
```
#7465f5
```
#7465f5 rgb(116,101,245)
```
#8577f6
```
#8577f6 rgb(133,119,246)
```
#9589f7
```
#9589f7 rgb(149,137,247)
```
#a69cf8
```
#a69cf8 rgb(166,156,248)
```
#b6aefa
```
#b6aefa rgb(182,174,250)
```
#c7c1fb
```
#c7c1fb rgb(199,193,251)
```
#d7d3fc
```
#d7d3fc rgb(215,211,252)
```
#e8e5fd
```
#e8e5fd rgb(232,229,253)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#97969c
```
#97969c rgb(151,150,156)
```
#918ea4
```
#918ea4 rgb(145,142,164)
```
#8b87ab
```
#8b87ab rgb(139,135,171)
```
#847fb3
```
#847fb3 rgb(132,127,179)
```
#7e77bb
```
#7e77bb rgb(126,119,187)
```
#786fc3
```
#786fc3 rgb(120,111,195)
```
#7267cb
```
#7267cb rgb(114,103,203)
```
#6c5fd3
```
#6c5fd3 rgb(108,95,211)
```
#6658da
```
#6658da rgb(102,88,218)
```
#5f50e2
```
#5f50e2 rgb(95,80,226)
```
#5948ea
```
#5948ea rgb(89,72,234)
```
#5340f2
```
#5340f2 rgb(83,64,242)
```
#4d38fa
```
#4d38fa rgb(77,56,250)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#5340f2 hex color

#5340f2 Color Information

#5340f2 Color Conversion

Color Schemes with #5340f2

Alternatives to #5340f2

#5340f2 Preview

Shades and Tints of #5340f2

Tones of #5340f2

Color Blindness Simulator