#5648d5 hex color

In a RGB color space, hex #5648d5 is composed of 33.7% red, 28.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 66.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 246 degrees, a saturation of 62.7% and a lightness of 55.9%. #5648d5 color hex could be obtained by blending #ac90ff with #0000ab. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 34
- G 28
- B 84
RGB color chart
- C 60
- M 66
- Y 0
- K 16
CMYK color chart

● #5648d5 color description : Moderate blue.

The hexadecimal color #5648d5 has RGB values of R:86, G:72, B:213 and CMYK values of C:0.6, M:0.66, Y:0, K:0.16. Its decimal value is 5654741.

Hex triplet	5648d5	`#5648d5`
RGB Decimal	86, 72, 213	`rgb(86,72,213)`
RGB Percent	33.7, 28.2, 83.5	`rgb(33.7%,28.2%,83.5%)`
CMYK	60, 66, 0, 16
HSL	246°, 62.7, 55.9	`hsl(246,62.7%,55.9%)`
HSV (or HSB)	246°, 66.2, 83.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.273, 45.439, -70.68
XYZ	18.163, 11.417, 64.194
xyY	0.194, 0.122, 11.417
CIE-LCH	40.273, 84.026, 302.736
CIE-LUV	40.273, -4.004, -104.373
Hunter-Lab	33.788, 36.824, -88.992
Binary	01010110, 01001000, 11010101

#5648d5
```
#5648d5 rgb(86,72,213)
```
#c7d548
```
#c7d548 rgb(199,213,72)
```

Complementary Color

#4881d5
```
#4881d5 rgb(72,129,213)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#9d48d5
```
#9d48d5 rgb(157,72,213)
```

Analogous Color

#81d548
```
#81d548 rgb(129,213,72)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#d59d48
```
#d59d48 rgb(213,157,72)
```

Split Complementary Color

#48d556
```
#48d556 rgb(72,213,86)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#d55648
```
#d55648 rgb(213,86,72)
```

Triadic Color

#48c7d5
```
#48c7d5 rgb(72,199,213)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#d55648
```
#d55648 rgb(213,86,72)
```
#c7d548
```
#c7d548 rgb(199,213,72)
```

Tetradic Color

#3427aa
```
#3427aa rgb(52,39,170)
```
#3a2cbe
```
#3a2cbe rgb(58,44,190)
```
#4333d0
```
#4333d0 rgb(67,51,208)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#695dda
```
#695dda rgb(105,93,218)
```
#7c71df
```
#7c71df rgb(124,113,223)
```
#8f86e3
```
#8f86e3 rgb(143,134,227)
```

Monochromatic Color

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

#485dd5
```
#485dd5 rgb(72,93,213)
```
#4852d5
```
#4852d5 rgb(72,82,213)
```
#4a48d5
```
#4a48d5 rgb(74,72,213)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#6248d5
```
#6248d5 rgb(98,72,213)
```
#6e48d5
```
#6e48d5 rgb(110,72,213)
```
#7948d5
```
#7948d5 rgb(121,72,213)
```

Similar Colors

Text with hexadecimal color #5648d5

This text has a font color of #5648d5.

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

#5648d5 background color

This paragraph has a background color of #5648d5.

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

#5648d5 border color

This element has a border color of #5648d5.

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

CSS codes

.text {color:#5648d5;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#070618
```
#070618 rgb(7,6,24)
```
#0c0928
```
#0c0928 rgb(12,9,40)
```
#110d38
```
#110d38 rgb(17,13,56)
```
#161148
```
#161148 rgb(22,17,72)
```
#1b1458
```
#1b1458 rgb(27,20,88)
```
#201868
```
#201868 rgb(32,24,104)
```
#251c78
```
#251c78 rgb(37,28,120)
```
#2a1f88
```
#2a1f88 rgb(42,31,136)
```
#2f2398
```
#2f2398 rgb(47,35,152)
```
#3327a8
```
#3327a8 rgb(51,39,168)
```
#382ab8
```
#382ab8 rgb(56,42,184)
```
#3d2ec8
```
#3d2ec8 rgb(61,46,200)
```

Shade Color Variation

#4738d1
```
#4738d1 rgb(71,56,209)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#6558d9
```
#6558d9 rgb(101,88,217)
```
#7368dc
```
#7368dc rgb(115,104,220)
```
#8278e0
```
#8278e0 rgb(130,120,224)
```
#9188e4
```
#9188e4 rgb(145,136,228)
```
#a098e7
```
#a098e7 rgb(160,152,231)
```
#aea8eb
```
#aea8eb rgb(174,168,235)
```
#bdb8ef
```
#bdb8ef rgb(189,184,239)
```
#ccc8f2
```
#ccc8f2 rgb(204,200,242)
```
#dbd8f6
```
#dbd8f6 rgb(219,216,246)
```
#e9e8fa
```
#e9e8fa rgb(233,232,250)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d90 is the less saturated color, while #3a25f8 is the most saturated one.

#8d8d90
```
#8d8d90 rgb(141,141,144)
```
#878598
```
#878598 rgb(135,133,152)
```
#807ca1
```
#807ca1 rgb(128,124,161)
```
#7973aa
```
#7973aa rgb(121,115,170)
```
#726bb2
```
#726bb2 rgb(114,107,178)
```
#6b62bb
```
#6b62bb rgb(107,98,187)
```
#6459c4
```
#6459c4 rgb(100,89,196)
```
#5d51cc
```
#5d51cc rgb(93,81,204)
```
#5648d5
```
#5648d5 rgb(86,72,213)
```
#4f3fde
```
#4f3fde rgb(79,63,222)
```
#4837e6
```
#4837e6 rgb(72,55,230)
```
#412eef
```
#412eef rgb(65,46,239)
```
#3a25f8
```
#3a25f8 rgb(58,37,248)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b5874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#1d7079 Tritanopia 0.001% of the population

Trichromacy

#1f59c9 Protanomaly 1% of men, 0.01% of women
#1f5dba Deuteranomaly 6% of men, 0.4% of women
#31619a Tritanomaly 0.01% of the population

#5648d5 hex color

#5648d5 Color Information

#5648d5 Color Conversion

Color Schemes with #5648d5

Alternatives to #5648d5

#5648d5 Preview

Shades and Tints of #5648d5

Tones of #5648d5

Color Blindness Simulator