#5344ec hex color

In a RGB color space, hex #5344ec is composed of 32.5% red, 26.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 71.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 245.4 degrees, a saturation of 81.6% and a lightness of 59.6%. #5344ec color hex could be obtained by blending #a688ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 27
- B 93
RGB color chart
- C 65
- M 71
- Y 0
- K 7
CMYK color chart

● #5344ec color description : Bright blue.

The hexadecimal color #5344ec has RGB values of R:83, G:68, B:236 and CMYK values of C:0.65, M:0.71, Y:0, K:0.07. Its decimal value is 5457132.

Hex triplet	5344ec	`#5344ec`
RGB Decimal	83, 68, 236	`rgb(83,68,236)`
RGB Percent	32.5, 26.7, 92.5	`rgb(32.5%,26.7%,92.5%)`
CMYK	65, 71, 0, 7
HSL	245.4°, 81.6, 59.6	`hsl(245.4,81.6%,59.6%)`
HSV (or HSB)	245.4°, 71.2, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.261, 54.357, -82.179
XYZ	20.772, 12.028, 80.579
xyY	0.183, 0.106, 12.028
CIE-LCH	41.261, 98.529, 303.482
CIE-LUV	41.261, -5.502, -120.116
Hunter-Lab	34.682, 46.214, -113.476
Binary	01010011, 01000100, 11101100

#5344ec
```
#5344ec rgb(83,68,236)
```
#ddec44
```
#ddec44 rgb(221,236,68)
```

Complementary Color

#4489ec
```
#4489ec rgb(68,137,236)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#a744ec
```
#a744ec rgb(167,68,236)
```

Analogous Color

#89ec44
```
#89ec44 rgb(137,236,68)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#eca744
```
#eca744 rgb(236,167,68)
```

Split Complementary Color

#44ec53
```
#44ec53 rgb(68,236,83)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#ec5344
```
#ec5344 rgb(236,83,68)
```

Triadic Color

#44ddec
```
#44ddec rgb(68,221,236)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#ec5344
```
#ec5344 rgb(236,83,68)
```
#ddec44
```
#ddec44 rgb(221,236,68)
```

Tetradic Color

#2615cf
```
#2615cf rgb(38,21,207)
```
#2a17e6
```
#2a17e6 rgb(42,23,230)
```
#3e2dea
```
#3e2dea rgb(62,45,234)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#685bee
```
#685bee rgb(104,91,238)
```
#7e72f1
```
#7e72f1 rgb(126,114,241)
```
#9389f3
```
#9389f3 rgb(147,137,243)
```

Monochromatic Color

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

#445fec
```
#445fec rgb(68,95,236)
```
#4451ec
```
#4451ec rgb(68,81,236)
```
#4544ec
```
#4544ec rgb(69,68,236)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#6144ec
```
#6144ec rgb(97,68,236)
```
#6f44ec
```
#6f44ec rgb(111,68,236)
```
#7d44ec
```
#7d44ec rgb(125,68,236)
```

Similar Colors

Text with hexadecimal color #5344ec

This text has a font color of #5344ec.

<span style="color:#5344ec;">Text here</span>

#5344ec background color

This paragraph has a background color of #5344ec.

<p style="background-color:#5344ec;">Content here</p>

#5344ec border color

This element has a border color of #5344ec.

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

CSS codes

.text {color:#5344ec;}

.background {background-color:#5344ec;}

.border {border:1px solid #5344ec;}

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

#020109
```
#020109 rgb(2,1,9)
```
#05031b
```
#05031b rgb(5,3,27)
```
#08052c
```
#08052c rgb(8,5,44)
```
#0b063e
```
#0b063e rgb(11,6,62)
```
#0f0850
```
#0f0850 rgb(15,8,80)
```
#120a62
```
#120a62 rgb(18,10,98)
```
#150c74
```
#150c74 rgb(21,12,116)
```
#180e86
```
#180e86 rgb(24,14,134)
```
#1c0f97
```
#1c0f97 rgb(28,15,151)
```
#1f11a9
```
#1f11a9 rgb(31,17,169)
```
#2213bb
```
#2213bb rgb(34,19,187)
```
#2515cd
```
#2515cd rgb(37,21,205)
```
#2817df
```
#2817df rgb(40,23,223)
```

Shade Color Variation

#3220e8
```
#3220e8 rgb(50,32,232)
```
#4332ea
```
#4332ea rgb(67,50,234)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#6356ee
```
#6356ee rgb(99,86,238)
```
#7468f0
```
#7468f0 rgb(116,104,240)
```
#8479f1
```
#8479f1 rgb(132,121,241)
```
#958bf3
```
#958bf3 rgb(149,139,243)
```
#a59df5
```
#a59df5 rgb(165,157,245)
```
#b5aff7
```
#b5aff7 rgb(181,175,247)
```
#c6c1f9
```
#c6c1f9 rgb(198,193,249)
```
#d6d2fa
```
#d6d2fa rgb(214,210,250)
```
#e6e4fc
```
#e6e4fc rgb(230,228,252)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#94939d
```
#94939d rgb(148,147,157)
```
#8e8ba5
```
#8e8ba5 rgb(142,139,165)
```
#8783ad
```
#8783ad rgb(135,131,173)
```
#817bb5
```
#817bb5 rgb(129,123,181)
```
#7a74bc
```
#7a74bc rgb(122,116,188)
```
#746cc4
```
#746cc4 rgb(116,108,196)
```
#6d64cc
```
#6d64cc rgb(109,100,204)
```
#675cd4
```
#675cd4 rgb(103,92,212)
```
#6054dc
```
#6054dc rgb(96,84,220)
```
#5a4ce4
```
#5a4ce4 rgb(90,76,228)
```
#5344ec
```
#5344ec rgb(83,68,236)
```
#4c3cf4
```
#4c3cf4 rgb(76,60,244)
```
#4634fc
```
#4634fc rgb(70,52,252)
```

Tone Color Variation

Below, you can see how #5344ec 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
#5a5779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#1e59d4 Protanomaly 1% of men, 0.01% of women
#1e5dc4 Deuteranomaly 6% of men, 0.4% of women
#1e62a4 Tritanomaly 0.01% of the population

#5344ec hex color

#5344ec Color Information

#5344ec Color Conversion

Color Schemes with #5344ec

Alternatives to #5344ec

#5344ec Preview

Shades and Tints of #5344ec

Tones of #5344ec

Color Blindness Simulator