#5649e2 hex color

In a RGB color space, hex #5649e2 is composed of 33.7% red, 28.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 67.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 245.1 degrees, a saturation of 72.5% and a lightness of 58.6%. #5649e2 color hex could be obtained by blending #ac92ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 29
- B 89
RGB color chart
- C 62
- M 68
- Y 0
- K 11
CMYK color chart

● #5649e2 color description : Soft blue.

The hexadecimal color #5649e2 has RGB values of R:86, G:73, B:226 and CMYK values of C:0.62, M:0.68, Y:0, K:0.11. Its decimal value is 5655010.

Hex triplet	5649e2	`#5649e2`
RGB Decimal	86, 73, 226	`rgb(86,73,226)`
RGB Percent	33.7, 28.6, 88.6	`rgb(33.7%,28.6%,88.6%)`
CMYK	62, 68, 0, 11
HSL	245.1°, 72.5, 58.6	`hsl(245.1,72.5%,58.6%)`
HSV (or HSB)	245.1°, 67.7, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.585, 48.911, -75.967
XYZ	19.945, 12.234, 73.258
xyY	0.189, 0.116, 12.234
CIE-LCH	41.585, 90.351, 302.776
CIE-LUV	41.585, -5.045, -112.545
Hunter-Lab	34.977, 40.579, -99.698
Binary	01010110, 01001001, 11100010

#5649e2
```
#5649e2 rgb(86,73,226)
```
#d5e249
```
#d5e249 rgb(213,226,73)
```

Complementary Color

#4989e2
```
#4989e2 rgb(73,137,226)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#a349e2
```
#a349e2 rgb(163,73,226)
```

Analogous Color

#89e249
```
#89e249 rgb(137,226,73)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#e2a349
```
#e2a349 rgb(226,163,73)
```

Split Complementary Color

#49e256
```
#49e256 rgb(73,226,86)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#e25649
```
#e25649 rgb(226,86,73)
```

Triadic Color

#49d5e2
```
#49d5e2 rgb(73,213,226)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#e25649
```
#e25649 rgb(226,86,73)
```
#d5e249
```
#d5e249 rgb(213,226,73)
```

Tetradic Color

#2c1fc0
```
#2c1fc0 rgb(44,31,192)
```
#3122d6
```
#3122d6 rgb(49,34,214)
```
#4233de
```
#4233de rgb(66,51,222)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#6a5fe6
```
#6a5fe6 rgb(106,95,230)
```
#7f75e9
```
#7f75e9 rgb(127,117,233)
```
#938bed
```
#938bed rgb(147,139,237)
```

Monochromatic Color

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

#4962e2
```
#4962e2 rgb(73,98,226)
```
#4956e2
```
#4956e2 rgb(73,86,226)
```
#4949e2
```
#4949e2 rgb(73,73,226)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#6349e2
```
#6349e2 rgb(99,73,226)
```
#7049e2
```
#7049e2 rgb(112,73,226)
```
#7c49e2
```
#7c49e2 rgb(124,73,226)
```

Similar Colors

Text with hexadecimal color #5649e2

This text has a font color of #5649e2.

<span style="color:#5649e2;">Text here</span>

#5649e2 background color

This paragraph has a background color of #5649e2.

<p style="background-color:#5649e2;">Content here</p>

#5649e2 border color

This element has a border color of #5649e2.

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

CSS codes

.text {color:#5649e2;}

.background {background-color:#5649e2;}

.border {border:1px solid #5649e2;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050315
```
#050315 rgb(5,3,21)
```
#090626
```
#090626 rgb(9,6,38)
```
#0d0937
```
#0d0937 rgb(13,9,55)
```
#110b48
```
#110b48 rgb(17,11,72)
```
#140e59
```
#140e59 rgb(20,14,89)
```
#18116a
```
#18116a rgb(24,17,106)
```
#1c147b
```
#1c147b rgb(28,20,123)
```
#20168b
```
#20168b rgb(32,22,139)
```
#24199c
```
#24199c rgb(36,25,156)
```
#281cad
```
#281cad rgb(40,28,173)
```
#2c1ebe
```
#2c1ebe rgb(44,30,190)
```
#3021cf
```
#3021cf rgb(48,33,207)
```

Shade Color Variation

#3727dd
```
#3727dd rgb(55,39,221)
```
#4638df
```
#4638df rgb(70,56,223)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#665ae5
```
#665ae5 rgb(102,90,229)
```
#756be7
```
#756be7 rgb(117,107,231)
```
#857cea
```
#857cea rgb(133,124,234)
```
#958ded
```
#958ded rgb(149,141,237)
```
#a59eef
```
#a59eef rgb(165,158,239)
```
#b4aff2
```
#b4aff2 rgb(180,175,242)
```
#c4bff5
```
#c4bff5 rgb(196,191,245)
```
#d4d0f8
```
#d4d0f8 rgb(212,208,248)
```
#e3e1fa
```
#e3e1fa rgb(227,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939299 is the less saturated color, while #4231fa is the most saturated one.

#939299
```
#939299 rgb(147,146,153)
```
#8c8aa1
```
#8c8aa1 rgb(140,138,161)
```
#8582a9
```
#8582a9 rgb(133,130,169)
```
#7e7ab1
```
#7e7ab1 rgb(126,122,177)
```
#7872b9
```
#7872b9 rgb(120,114,185)
```
#7169c2
```
#7169c2 rgb(113,105,194)
```
#6a61ca
```
#6a61ca rgb(106,97,202)
```
#6359d2
```
#6359d2 rgb(99,89,210)
```
#5d51da
```
#5d51da rgb(93,81,218)
```
#5649e2
```
#5649e2 rgb(86,73,226)
```
#4f41ea
```
#4f41ea rgb(79,65,234)
```
#4939f2
```
#4939f2 rgb(73,57,242)
```
#4231fa
```
#4231fa rgb(66,49,250)
```

Tone Color Variation

Below, you can see how #5649e2 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

#5e5e5e Achromatopsia 0.005% of the population
#5c5a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#1f5cd2 Protanomaly 1% of men, 0.01% of women
#1f5fc1 Deuteranomaly 6% of men, 0.4% of women
#1f64a1 Tritanomaly 0.01% of the population

#5649e2 hex color

#5649e2 Color Information

#5649e2 Color Conversion

Color Schemes with #5649e2

Alternatives to #5649e2

#5649e2 Preview

Shades and Tints of #5649e2

Tones of #5649e2

Color Blindness Simulator