#5649bb hex color

In a RGB color space, hex #5649bb is composed of 33.7% red, 28.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 61% magenta, 0% yellow and 26.7% black. It has a hue angle of 246.8 degrees, a saturation of 45.6% and a lightness of 51%. #5649bb color hex could be obtained by blending #ac92ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 29
- B 73
RGB color chart
- C 54
- M 61
- Y 0
- K 27
CMYK color chart

● #5649bb color description : Moderate blue.

The hexadecimal color #5649bb has RGB values of R:86, G:73, B:187 and CMYK values of C:0.54, M:0.61, Y:0, K:0.27. Its decimal value is 5654971.

Hex triplet	5649bb	`#5649bb`
RGB Decimal	86, 73, 187	`rgb(86,73,187)`
RGB Percent	33.7, 28.6, 73.3	`rgb(33.7%,28.6%,73.3%)`
CMYK	54, 61, 0, 27
HSL	246.8°, 45.6, 51	`hsl(246.8,45.6%,51%)`
HSV (or HSB)	246.8°, 61, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.43, 36.715, -58.586
XYZ	15.188, 10.331, 48.205
xyY	0.206, 0.14, 10.331
CIE-LCH	38.43, 69.14, 302.075
CIE-LUV	38.43, -2.413, -86.403
Hunter-Lab	32.142, 28.1, -66.421
Binary	01010110, 01001001, 10111011

#5649bb
```
#5649bb rgb(86,73,187)
```
#aebb49
```
#aebb49 rgb(174,187,73)
```

Complementary Color

#4975bb
```
#4975bb rgb(73,117,187)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#8f49bb
```
#8f49bb rgb(143,73,187)
```

Analogous Color

#75bb49
```
#75bb49 rgb(117,187,73)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#bb8f49
```
#bb8f49 rgb(187,143,73)
```

Split Complementary Color

#49bb56
```
#49bb56 rgb(73,187,86)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#bb5649
```
#bb5649 rgb(187,86,73)
```

Triadic Color

#49aebb
```
#49aebb rgb(73,174,187)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#bb5649
```
#bb5649 rgb(187,86,73)
```
#aebb49
```
#aebb49 rgb(174,187,73)
```

Tetradic Color

#3b3286
```
#3b3286 rgb(59,50,134)
```
#443998
```
#443998 rgb(68,57,152)
```
#4c40ab
```
#4c40ab rgb(76,64,171)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#675cc2
```
#675cc2 rgb(103,92,194)
```
#786ec9
```
#786ec9 rgb(120,110,201)
```
#8a81d0
```
#8a81d0 rgb(138,129,208)
```

Monochromatic Color

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

#4958bb
```
#4958bb rgb(73,88,187)
```
#494fbb
```
#494fbb rgb(73,79,187)
```
#4d49bb
```
#4d49bb rgb(77,73,187)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#6049bb
```
#6049bb rgb(96,73,187)
```
#6949bb
```
#6949bb rgb(105,73,187)
```
#7349bb
```
#7349bb rgb(115,73,187)
```

Similar Colors

Text with hexadecimal color #5649bb

This text has a font color of #5649bb.

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

#5649bb background color

This paragraph has a background color of #5649bb.

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

#5649bb border color

This element has a border color of #5649bb.

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

CSS codes

.text {color:#5649bb;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080712
```
#080712 rgb(8,7,18)
```
#0e0c20
```
#0e0c20 rgb(14,12,32)
```
#15112e
```
#15112e rgb(21,17,46)
```
#1b173d
```
#1b173d rgb(27,23,61)
```
#211c4b
```
#211c4b rgb(33,28,75)
```
#282159
```
#282159 rgb(40,33,89)
```
#2e2768
```
#2e2768 rgb(46,39,104)
```
#342c76
```
#342c76 rgb(52,44,118)
```
#3b3184
```
#3b3184 rgb(59,49,132)
```
#413792
```
#413792 rgb(65,55,146)
```
#483ca1
```
#483ca1 rgb(72,60,161)
```
#4e41af
```
#4e41af rgb(78,65,175)
```

Shade Color Variation

#5649bb
```
#5649bb rgb(86,73,187)
```
#6357c0
```
#6357c0 rgb(99,87,192)
```
#7166c6
```
#7166c6 rgb(113,102,198)
```
#7e74cb
```
#7e74cb rgb(126,116,203)
```
#8b82d0
```
#8b82d0 rgb(139,130,208)
```
#9890d6
```
#9890d6 rgb(152,144,214)
```
#a69fdb
```
#a69fdb rgb(166,159,219)
```
#b3ade0
```
#b3ade0 rgb(179,173,224)
```
#c0bbe6
```
#c0bbe6 rgb(192,187,230)
```
#cdcaeb
```
#cdcaeb rgb(205,202,235)
```
#dbd8f0
```
#dbd8f0 rgb(219,216,240)
```
#e8e6f6
```
#e8e6f6 rgb(232,230,246)
```
#f5f4fb
```
#f5f4fb rgb(245,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b798b is the less saturated color, while #2206fe is the most saturated one.

#7b798b
```
#7b798b rgb(123,121,139)
```
#746f95
```
#746f95 rgb(116,111,149)
```
#6c669e
```
#6c669e rgb(108,102,158)
```
#655ca8
```
#655ca8 rgb(101,92,168)
```
#5d53b1
```
#5d53b1 rgb(93,83,177)
```
#5649bb
```
#5649bb rgb(86,73,187)
```
#4f3fc5
```
#4f3fc5 rgb(79,63,197)
```
#4736ce
```
#4736ce rgb(71,54,206)
```
#402cd8
```
#402cd8 rgb(64,44,216)
```
#3823e1
```
#3823e1 rgb(56,35,225)
```
#3119eb
```
#3119eb rgb(49,25,235)
```
#290ff5
```
#290ff5 rgb(41,15,245)
```
#2206fe
```
#2206fe rgb(34,6,254)
```

Tone Color Variation

Below, you can see how #5649bb 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
#59576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#3b6971 Tritanopia 0.001% of the population

Trichromacy

#1f57bb Protanomaly 1% of men, 0.01% of women
#1f5aad Deuteranomaly 6% of men, 0.4% of women
#455d8c Tritanomaly 0.01% of the population

#5649bb hex color

#5649bb Color Information

#5649bb Color Conversion

Color Schemes with #5649bb

Alternatives to #5649bb

#5649bb Preview

Shades and Tints of #5649bb

Tones of #5649bb

Color Blindness Simulator