#5648aa hex color

In a RGB color space, hex #5648aa is composed of 33.7% red, 28.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 57.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 248.6 degrees, a saturation of 40.5% and a lightness of 47.5%. #5648aa color hex could be obtained by blending #ac90ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 28
- B 67
RGB color chart
- C 49
- M 58
- Y 0
- K 33
CMYK color chart

● #5648aa color description : Dark moderate blue.

The hexadecimal color #5648aa has RGB values of R:86, G:72, B:170 and CMYK values of C:0.49, M:0.58, Y:0, K:0.33. Its decimal value is 5654698.

Hex triplet	5648aa	`#5648aa`
RGB Decimal	86, 72, 170	`rgb(86,72,170)`
RGB Percent	33.7, 28.2, 66.7	`rgb(33.7%,28.2%,66.7%)`
CMYK	49, 58, 0, 33
HSL	248.6°, 40.5, 47.5	`hsl(248.6,40.5%,47.5%)`
HSV (or HSB)	248.6°, 57.6, 66.7
Web Safe	663399	`#663399`

CIE-LAB	36.958, 32.026, -50.921
XYZ	13.409, 9.515, 39.158
xyY	0.216, 0.153, 9.515
CIE-LCH	36.958, 60.155, 302.167
CIE-LUV	36.958, -0.866, -74.638
Hunter-Lab	30.847, 23.615, -53.673
Binary	01010110, 01001000, 10101010

#5648aa
```
#5648aa rgb(86,72,170)
```
#9caa48
```
#9caa48 rgb(156,170,72)
```

Complementary Color

#486baa
```
#486baa rgb(72,107,170)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#8748aa
```
#8748aa rgb(135,72,170)
```

Analogous Color

#6baa48
```
#6baa48 rgb(107,170,72)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#aa8748
```
#aa8748 rgb(170,135,72)
```

Split Complementary Color

#48aa56
```
#48aa56 rgb(72,170,86)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#aa5648
```
#aa5648 rgb(170,86,72)
```

Triadic Color

#489caa
```
#489caa rgb(72,156,170)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#aa5648
```
#aa5648 rgb(170,86,72)
```
#9caa48
```
#9caa48 rgb(156,170,72)
```

Tetradic Color

#3b3174
```
#3b3174 rgb(59,49,116)
```
#443986
```
#443986 rgb(68,57,134)
```
#4d4098
```
#4d4098 rgb(77,64,152)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#6355b7
```
#6355b7 rgb(99,85,183)
```
#7367be
```
#7367be rgb(115,103,190)
```
#8478c6
```
#8478c6 rgb(132,120,198)
```

Monochromatic Color

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

#4853aa
```
#4853aa rgb(72,83,170)
```
#484aaa
```
#484aaa rgb(72,74,170)
```
#4e48aa
```
#4e48aa rgb(78,72,170)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#5e48aa
```
#5e48aa rgb(94,72,170)
```
#6648aa
```
#6648aa rgb(102,72,170)
```
#6f48aa
```
#6f48aa rgb(111,72,170)
```

Similar Colors

Text with hexadecimal color #5648aa

This text has a font color of #5648aa.

<span style="color:#5648aa;">Text here</span>

#5648aa background color

This paragraph has a background color of #5648aa.

<p style="background-color:#5648aa;">Content here</p>

#5648aa border color

This element has a border color of #5648aa.

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

CSS codes

.text {color:#5648aa;}

.background {background-color:#5648aa;}

.border {border:1px solid #5648aa;}

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

#020205
```
#020205 rgb(2,2,5)
```
#090812
```
#090812 rgb(9,8,18)
```
#100e20
```
#100e20 rgb(16,14,32)
```
#17132e
```
#17132e rgb(23,19,46)
```
#1e193c
```
#1e193c rgb(30,25,60)
```
#251f4a
```
#251f4a rgb(37,31,74)
```
#2c2557
```
#2c2557 rgb(44,37,87)
```
#332b65
```
#332b65 rgb(51,43,101)
```
#3a3173
```
#3a3173 rgb(58,49,115)
```
#413681
```
#413681 rgb(65,54,129)
```
#483c8e
```
#483c8e rgb(72,60,142)
```
#4f429c
```
#4f429c rgb(79,66,156)
```
#5648aa
```
#5648aa rgb(86,72,170)
```

Shade Color Variation

#5f51b5
```
#5f51b5 rgb(95,81,181)
```
#6c5ebb
```
#6c5ebb rgb(108,94,187)
```
#786cc1
```
#786cc1 rgb(120,108,193)
```
#857ac7
```
#857ac7 rgb(133,122,199)
```
#9188cc
```
#9188cc rgb(145,136,204)
```
#9e95d2
```
#9e95d2 rgb(158,149,210)
```
#aba3d8
```
#aba3d8 rgb(171,163,216)
```
#b7b1de
```
#b7b1de rgb(183,177,222)
```
#c4bfe4
```
#c4bfe4 rgb(196,191,228)
```
#d1cdea
```
#d1cdea rgb(209,205,234)
```
#dddaef
```
#dddaef rgb(221,218,239)
```
#eae8f5
```
#eae8f5 rgb(234,232,245)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77777b is the less saturated color, while #2707eb is the most saturated one.

#77777b
```
#77777b rgb(119,119,123)
```
#716d85
```
#716d85 rgb(113,109,133)
```
#6a648e
```
#6a648e rgb(106,100,142)
```
#635b97
```
#635b97 rgb(99,91,151)
```
#5d51a1
```
#5d51a1 rgb(93,81,161)
```
#5648aa
```
#5648aa rgb(86,72,170)
```
#4f3fb3
```
#4f3fb3 rgb(79,63,179)
```
#4935bd
```
#4935bd rgb(73,53,189)
```
#422cc6
```
#422cc6 rgb(66,44,198)
```
#3b23cf
```
#3b23cf rgb(59,35,207)
```
#3519d9
```
#3519d9 rgb(53,25,217)
```
#2e10e2
```
#2e10e2 rgb(46,16,226)
```
#2707eb
```
#2707eb rgb(39,7,235)
```

Tone Color Variation

Below, you can see how #5648aa 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

#575757 Achromatopsia 0.005% of the population
#575468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb6 Protanopia 1% of men
#0061a1 Deuteranopia 1% of men
#45646b Tritanopia 0.001% of the population

Trichromacy

#1f55b1 Protanomaly 1% of men, 0.01% of women
#1f58a4 Deuteranomaly 6% of men, 0.4% of women
#4b5a82 Tritanomaly 0.01% of the population

#5648aa hex color

#5648aa Color Information

#5648aa Color Conversion

Color Schemes with #5648aa

Alternatives to #5648aa

#5648aa Preview

Shades and Tints of #5648aa

Tones of #5648aa

Color Blindness Simulator