#5649f2 hex color

In a RGB color space, hex #5649f2 is composed of 33.7% red, 28.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 69.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 244.6 degrees, a saturation of 86.7% and a lightness of 61.8%. #5649f2 color hex could be obtained by blending #ac92ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 29
- B 95
RGB color chart
- C 64
- M 70
- Y 0
- K 5
CMYK color chart

● #5649f2 color description : Soft blue.

The hexadecimal color #5649f2 has RGB values of R:86, G:73, B:242 and CMYK values of C:0.64, M:0.7, Y:0, K:0.05. Its decimal value is 5655026.

Hex triplet	5649f2	`#5649f2`
RGB Decimal	86, 73, 242	`rgb(86,73,242)`
RGB Percent	33.7, 28.6, 94.9	`rgb(33.7%,28.6%,94.9%)`
CMYK	64, 70, 0, 5
HSL	244.6°, 86.7, 61.8	`hsl(244.6,86.7%,61.8%)`
HSV (or HSB)	244.6°, 69.8, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.993, 53.845, -82.706
XYZ	22.244, 13.153, 85.366
xyY	0.184, 0.109, 13.153
CIE-LCH	42.993, 98.69, 303.066
CIE-LUV	42.993, -6.021, -122.655
Hunter-Lab	36.267, 46.013, -114.169
Binary	01010110, 01001001, 11110010

#5649f2
```
#5649f2 rgb(86,73,242)
```
#e5f249
```
#e5f249 rgb(229,242,73)
```

Complementary Color

#4991f2
```
#4991f2 rgb(73,145,242)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#ab49f2
```
#ab49f2 rgb(171,73,242)
```

Analogous Color

#91f249
```
#91f249 rgb(145,242,73)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#f2ab49
```
#f2ab49 rgb(242,171,73)
```

Split Complementary Color

#49f256
```
#49f256 rgb(73,242,86)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#f25649
```
#f25649 rgb(242,86,73)
```

Triadic Color

#49e5f2
```
#49e5f2 rgb(73,229,242)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#f25649
```
#f25649 rgb(242,86,73)
```
#e5f249
```
#e5f249 rgb(229,242,73)
```

Tetradic Color

#2010df
```
#2010df rgb(32,16,223)
```
#2a19ef
```
#2a19ef rgb(42,25,239)
```
#4031f0
```
#4031f0 rgb(64,49,240)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#6c61f4
```
#6c61f4 rgb(108,97,244)
```
#8279f5
```
#8279f5 rgb(130,121,245)
```
#9890f7
```
#9890f7 rgb(152,144,247)
```

Monochromatic Color

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

#4966f2
```
#4966f2 rgb(73,102,242)
```
#4958f2
```
#4958f2 rgb(73,88,242)
```
#494af2
```
#494af2 rgb(73,74,242)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#6449f2
```
#6449f2 rgb(100,73,242)
```
#7249f2
```
#7249f2 rgb(114,73,242)
```
#8049f2
```
#8049f2 rgb(128,73,242)
```

Similar Colors

Text with hexadecimal color #5649f2

This text has a font color of #5649f2.

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

#5649f2 background color

This paragraph has a background color of #5649f2.

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

#5649f2 border color

This element has a border color of #5649f2.

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

CSS codes

.text {color:#5649f2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030113
```
#030113 rgb(3,1,19)
```
#050326
```
#050326 rgb(5,3,38)
```
#080438
```
#080438 rgb(8,4,56)
```
#0b054a
```
#0b054a rgb(11,5,74)
```
#0d075d
```
#0d075d rgb(13,7,93)
```
#10086f
```
#10086f rgb(16,8,111)
```
#120981
```
#120981 rgb(18,9,129)
```
#150b94
```
#150b94 rgb(21,11,148)
```
#180ca6
```
#180ca6 rgb(24,12,166)
```
#1a0db8
```
#1a0db8 rgb(26,13,184)
```
#1d0eca
```
#1d0eca rgb(29,14,202)
```
#2010dd
```
#2010dd rgb(32,16,221)
```

Shade Color Variation

#2312ee
```
#2312ee rgb(35,18,238)
```
#3424ef
```
#3424ef rgb(52,36,239)
```
#4537f1
```
#4537f1 rgb(69,55,241)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#675bf3
```
#675bf3 rgb(103,91,243)
```
#786ef5
```
#786ef5 rgb(120,110,245)
```
#8980f6
```
#8980f6 rgb(137,128,246)
```
#9a92f7
```
#9a92f7 rgb(154,146,247)
```
#aba5f9
```
#aba5f9 rgb(171,165,249)
```
#bcb7fa
```
#bcb7fa rgb(188,183,250)
```
#cdc9fb
```
#cdc9fb rgb(205,201,251)
```
#dedbfc
```
#dedbfc rgb(222,219,252)
```
#efeefe
```
#efeefe rgb(239,238,254)
```

Tint Color Variation

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

#9c9ca0
```
#9c9ca0 rgb(156,156,160)
```
#9594a7
```
#9594a7 rgb(149,148,167)
```
#8f8daf
```
#8f8daf rgb(143,141,175)
```
#8985b6
```
#8985b6 rgb(137,133,182)
```
#827ebe
```
#827ebe rgb(130,126,190)
```
#7c76c5
```
#7c76c5 rgb(124,118,197)
```
#766fcd
```
#766fcd rgb(118,111,205)
```
#6f67d4
```
#6f67d4 rgb(111,103,212)
```
#6960dc
```
#6960dc rgb(105,96,220)
```
#6358e3
```
#6358e3 rgb(99,88,227)
```
#5c51eb
```
#5c51eb rgb(92,81,235)
```
#5649f2
```
#5649f2 rgb(86,73,242)
```
#5042fa
```
#5042fa rgb(80,66,250)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5e5b7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b4 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1f5edb Protanomaly 1% of men, 0.01% of women
#1f62ca Deuteranomaly 6% of men, 0.4% of women
#1f67a9 Tritanomaly 0.01% of the population

#5649f2 hex color

#5649f2 Color Information

#5649f2 Color Conversion

Color Schemes with #5649f2

Alternatives to #5649f2

#5649f2 Preview

Shades and Tints of #5649f2

Tones of #5649f2

Color Blindness Simulator