#5646ba hex color

In a RGB color space, hex #5646ba is composed of 33.7% red, 27.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 62.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 248.3 degrees, a saturation of 45.7% and a lightness of 50.2%. #5646ba color hex could be obtained by blending #ac8cff with #000075. Closest websafe color is: #6633cc.

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

● #5646ba color description : Moderate blue.

The hexadecimal color #5646ba has RGB values of R:86, G:70, B:186 and CMYK values of C:0.54, M:0.62, Y:0, K:0.27. Its decimal value is 5654202.

Hex triplet	5646ba	`#5646ba`
RGB Decimal	86, 70, 186	`rgb(86,70,186)`
RGB Percent	33.7, 27.5, 72.9	`rgb(33.7%,27.5%,72.9%)`
CMYK	54, 62, 0, 27
HSL	248.3°, 45.7, 50.2	`hsl(248.3,45.7%,50.2%)`
HSV (or HSB)	248.3°, 62.4, 72.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.669, 38.204, -59.236
XYZ	14.889, 9.903, 47.579
xyY	0.206, 0.137, 9.903
CIE-LCH	37.669, 70.487, 302.82
CIE-LUV	37.669, -1.627, -86.786
Hunter-Lab	31.47, 29.381, -67.611
Binary	01010110, 01000110, 10111010

#5646ba
```
#5646ba rgb(86,70,186)
```
#aaba46
```
#aaba46 rgb(170,186,70)
```

Complementary Color

#4670ba
```
#4670ba rgb(70,112,186)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#9046ba
```
#9046ba rgb(144,70,186)
```

Analogous Color

#70ba46
```
#70ba46 rgb(112,186,70)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#ba9046
```
#ba9046 rgb(186,144,70)
```

Split Complementary Color

#46ba56
```
#46ba56 rgb(70,186,86)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#ba5646
```
#ba5646 rgb(186,86,70)
```

Triadic Color

#46aaba
```
#46aaba rgb(70,170,186)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#ba5646
```
#ba5646 rgb(186,86,70)
```
#aaba46
```
#aaba46 rgb(170,186,70)
```

Tetradic Color

#3c3183
```
#3c3183 rgb(60,49,131)
```
#453895
```
#453895 rgb(69,56,149)
```
#4d3fa8
```
#4d3fa8 rgb(77,63,168)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#6759c1
```
#6759c1 rgb(103,89,193)
```
#786bc8
```
#786bc8 rgb(120,107,200)
```
#897ecf
```
#897ecf rgb(137,126,207)
```

Monochromatic Color

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

#4653ba
```
#4653ba rgb(70,83,186)
```
#4649ba
```
#4649ba rgb(70,73,186)
```
#4c46ba
```
#4c46ba rgb(76,70,186)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#6046ba
```
#6046ba rgb(96,70,186)
```
#6946ba
```
#6946ba rgb(105,70,186)
```
#7346ba
```
#7346ba rgb(115,70,186)
```

Similar Colors

Text with hexadecimal color #5646ba

This text has a font color of #5646ba.

<span style="color:#5646ba;">Text here</span>

#5646ba background color

This paragraph has a background color of #5646ba.

<p style="background-color:#5646ba;">Content here</p>

#5646ba border color

This element has a border color of #5646ba.

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

CSS codes

.text {color:#5646ba;}

.background {background-color:#5646ba;}

.border {border:1px solid #5646ba;}

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 #f3f1fa is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#07060f
```
#07060f rgb(7,6,15)
```
#0d0b1d
```
#0d0b1d rgb(13,11,29)
```
#14102c
```
#14102c rgb(20,16,44)
```
#1b163a
```
#1b163a rgb(27,22,58)
```
#211b48
```
#211b48 rgb(33,27,72)
```
#282056
```
#282056 rgb(40,32,86)
```
#2e2665
```
#2e2665 rgb(46,38,101)
```
#352b73
```
#352b73 rgb(53,43,115)
```
#3b3081
```
#3b3081 rgb(59,48,129)
```
#423690
```
#423690 rgb(66,54,144)
```
#493b9e
```
#493b9e rgb(73,59,158)
```
#4f40ac
```
#4f40ac rgb(79,64,172)
```

Shade Color Variation

#5646ba
```
#5646ba rgb(86,70,186)
```
#6354bf
```
#6354bf rgb(99,84,191)
```
#7063c5
```
#7063c5 rgb(112,99,197)
```
#7d71ca
```
#7d71ca rgb(125,113,202)
```
#8a7fcf
```
#8a7fcf rgb(138,127,207)
```
#978dd5
```
#978dd5 rgb(151,141,213)
```
#a49cda
```
#a49cda rgb(164,156,218)
```
#b1aadf
```
#b1aadf rgb(177,170,223)
```
#beb8e5
```
#beb8e5 rgb(190,184,229)
```
#cbc7ea
```
#cbc7ea rgb(203,199,234)
```
#d9d5ef
```
#d9d5ef rgb(217,213,239)
```
#e6e3f5
```
#e6e3f5 rgb(230,227,245)
```
#f3f1fa
```
#f3f1fa rgb(243,241,250)
```

Tint Color Variation

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

#797789
```
#797789 rgb(121,119,137)
```
#726d93
```
#726d93 rgb(114,109,147)
```
#6b639d
```
#6b639d rgb(107,99,157)
```
#645aa6
```
#645aa6 rgb(100,90,166)
```
#5d50b0
```
#5d50b0 rgb(93,80,176)
```
#5646ba
```
#5646ba rgb(86,70,186)
```
#4f3cc4
```
#4f3cc4 rgb(79,60,196)
```
#4832ce
```
#4832ce rgb(72,50,206)
```
#4129d7
```
#4129d7 rgb(65,41,215)
```
#3a1fe1
```
#3a1fe1 rgb(58,31,225)
```
#3315eb
```
#3315eb rgb(51,21,235)
```
#2c0bf5
```
#2c0bf5 rgb(44,11,245)
```
#2402fe
```
#2402fe rgb(36,2,254)
```

Tone Color Variation

Below, you can see how #5646ba 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

#585858 Achromatopsia 0.005% of the population
#58546c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#3b676f Tritanopia 0.001% of the population

Trichromacy

#1f55b9 Protanomaly 1% of men, 0.01% of women
#1f58aa Deuteranomaly 6% of men, 0.4% of women
#455b8a Tritanomaly 0.01% of the population

#5646ba hex color

#5646ba Color Information

#5646ba Color Conversion

Color Schemes with #5646ba

Alternatives to #5646ba

#5646ba Preview

Shades and Tints of #5646ba

Tones of #5646ba

Color Blindness Simulator