#5649f3 hex color

In a RGB color space, hex #5649f3 is composed of 33.7% red, 28.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 70% magenta, 0% yellow and 4.7% black. It has a hue angle of 244.6 degrees, a saturation of 87.6% and a lightness of 62%. #5649f3 color hex could be obtained by blending #ac92ff with #0000e7. Closest websafe color is: #6633ff.

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

● #5649f3 color description : Soft blue.

The hexadecimal color #5649f3 has RGB values of R:86, G:73, B:243 and CMYK values of C:0.65, M:0.7, Y:0, K:0.05. Its decimal value is 5655027.

Hex triplet	5649f3	`#5649f3`
RGB Decimal	86, 73, 243	`rgb(86,73,243)`
RGB Percent	33.7, 28.6, 95.3	`rgb(33.7%,28.6%,95.3%)`
CMYK	65, 70, 0, 5
HSL	244.6°, 87.6, 62	`hsl(244.6,87.6%,62%)`
HSV (or HSB)	244.6°, 70, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.083, 54.152, -83.121
XYZ	22.395, 13.214, 86.159
xyY	0.184, 0.109, 13.214
CIE-LCH	43.083, 99.204, 303.083
CIE-LUV	43.083, -6.081, -123.277
Hunter-Lab	36.35, 46.357, -115.087
Binary	01010110, 01001001, 11110011

#5649f3
```
#5649f3 rgb(86,73,243)
```
#e6f349
```
#e6f349 rgb(230,243,73)
```

Complementary Color

#4991f3
```
#4991f3 rgb(73,145,243)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#ab49f3
```
#ab49f3 rgb(171,73,243)
```

Analogous Color

#91f349
```
#91f349 rgb(145,243,73)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#f3ab49
```
#f3ab49 rgb(243,171,73)
```

Split Complementary Color

#49f356
```
#49f356 rgb(73,243,86)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#f35649
```
#f35649 rgb(243,86,73)
```

Triadic Color

#49e6f3
```
#49e6f3 rgb(73,230,243)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#f35649
```
#f35649 rgb(243,86,73)
```
#e6f349
```
#e6f349 rgb(230,243,73)
```

Tetradic Color

#1f0fe1
```
#1f0fe1 rgb(31,15,225)
```
#2a19f0
```
#2a19f0 rgb(42,25,240)
```
#4031f1
```
#4031f1 rgb(64,49,241)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#6c61f5
```
#6c61f5 rgb(108,97,245)
```
#8279f6
```
#8279f6 rgb(130,121,246)
```
#9991f8
```
#9991f8 rgb(153,145,248)
```

Monochromatic Color

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

#4967f3
```
#4967f3 rgb(73,103,243)
```
#4958f3
```
#4958f3 rgb(73,88,243)
```
#494af3
```
#494af3 rgb(73,74,243)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#6449f3
```
#6449f3 rgb(100,73,243)
```
#7249f3
```
#7249f3 rgb(114,73,243)
```
#8149f3
```
#8149f3 rgb(129,73,243)
```

Similar Colors

Text with hexadecimal color #5649f3

This text has a font color of #5649f3.

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

#5649f3 background color

This paragraph has a background color of #5649f3.

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

#5649f3 border color

This element has a border color of #5649f3.

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

CSS codes

.text {color:#5649f3;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030114
```
#030114 rgb(3,1,20)
```
#050327
```
#050327 rgb(5,3,39)
```
#080439
```
#080439 rgb(8,4,57)
```
#0a054c
```
#0a054c rgb(10,5,76)
```
#0d065e
```
#0d065e rgb(13,6,94)
```
#0f0770
```
#0f0770 rgb(15,7,112)
```
#120983
```
#120983 rgb(18,9,131)
```
#140a95
```
#140a95 rgb(20,10,149)
```
#170ba8
```
#170ba8 rgb(23,11,168)
```
#1a0cba
```
#1a0cba rgb(26,12,186)
```
#1c0dcc
```
#1c0dcc rgb(28,13,204)
```
#1f0fdf
```
#1f0fdf rgb(31,15,223)
```

Shade Color Variation

#2312ef
```
#2312ef rgb(35,18,239)
```
#3424f1
```
#3424f1 rgb(52,36,241)
```
#4537f2
```
#4537f2 rgb(69,55,242)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#675bf4
```
#675bf4 rgb(103,91,244)
```
#786ef5
```
#786ef5 rgb(120,110,245)
```
#8980f7
```
#8980f7 rgb(137,128,247)
```
#9a93f8
```
#9a93f8 rgb(154,147,248)
```
#aba5f9
```
#aba5f9 rgb(171,165,249)
```
#bdb7fa
```
#bdb7fa rgb(189,183,250)
```
#cecafb
```
#cecafb rgb(206,202,251)
```
#dfdcfd
```
#dfdcfd rgb(223,220,253)
```
#f0effe
```
#f0effe rgb(240,239,254)
```

Tint Color Variation

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

#9c9ba1
```
#9c9ba1 rgb(156,155,161)
```
#9594a8
```
#9594a8 rgb(149,148,168)
```
#8f8cb0
```
#8f8cb0 rgb(143,140,176)
```
#8985b7
```
#8985b7 rgb(137,133,183)
```
#827dbf
```
#827dbf rgb(130,125,191)
```
#7c76c6
```
#7c76c6 rgb(124,118,198)
```
#766ece
```
#766ece rgb(118,110,206)
```
#6f67d5
```
#6f67d5 rgb(111,103,213)
```
#695fdd
```
#695fdd rgb(105,95,221)
```
#6358e4
```
#6358e4 rgb(99,88,228)
```
#5c50ec
```
#5c50ec rgb(92,80,236)
```
#5649f3
```
#5649f3 rgb(86,73,243)
```
#5042fa
```
#5042fa rgb(80,66,250)
```

Tone Color Variation

Below, you can see how #5649f3 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
#007880 Tritanopia 0.001% of the population

Trichromacy

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

#5649f3 hex color

#5649f3 Color Information

#5649f3 Color Conversion

Color Schemes with #5649f3

Alternatives to #5649f3

#5649f3 Preview

Shades and Tints of #5649f3

Tones of #5649f3

Color Blindness Simulator