#563484 hex color

In a RGB color space, hex #563484 is composed of 33.7% red, 20.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 60.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 265.5 degrees, a saturation of 43.5% and a lightness of 36.1%. #563484 color hex could be obtained by blending #ac68ff with #000009. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 20
- B 52
RGB color chart
- C 35
- M 61
- Y 0
- K 48
CMYK color chart

● #563484 color description : Dark moderate violet.

The hexadecimal color #563484 has RGB values of R:86, G:52, B:132 and CMYK values of C:0.35, M:0.61, Y:0, K:0.48. Its decimal value is 5649540.

Hex triplet	563484	`#563484`
RGB Decimal	86, 52, 132	`rgb(86,52,132)`
RGB Percent	33.7, 20.4, 51.8	`rgb(33.7%,20.4%,51.8%)`
CMYK	35, 61, 0, 48
HSL	265.5°, 43.5, 36.1	`hsl(265.5,43.5%,36.1%)`
HSV (or HSB)	265.5°, 60.6, 51.8
Web Safe	663399	`#663399`

CIE-LAB	29.664, 32.992, -39.545
XYZ	9.23, 6.1, 22.52
xyY	0.244, 0.161, 6.1
CIE-LCH	29.664, 51.5, 309.838
CIE-LUV	29.664, 8.305, -54.8
Hunter-Lab	24.699, 23.482, -36.769
Binary	01010110, 00110100, 10000100

#563484
```
#563484 rgb(86,52,132)
```
#628434
```
#628434 rgb(98,132,52)
```

Complementary Color

#343a84
```
#343a84 rgb(52,58,132)
```
#563484
```
#563484 rgb(86,52,132)
```
#7e3484
```
#7e3484 rgb(126,52,132)
```

Analogous Color

#3a8434
```
#3a8434 rgb(58,132,52)
```
#563484
```
#563484 rgb(86,52,132)
```
#847e34
```
#847e34 rgb(132,126,52)
```

Split Complementary Color

#348456
```
#348456 rgb(52,132,86)
```
#563484
```
#563484 rgb(86,52,132)
```
#845634
```
#845634 rgb(132,86,52)
```

Triadic Color

#346284
```
#346284 rgb(52,98,132)
```
#563484
```
#563484 rgb(86,52,132)
```
#845634
```
#845634 rgb(132,86,52)
```
#628434
```
#628434 rgb(98,132,52)
```

Tetradic Color

#321e4d
```
#321e4d rgb(50,30,77)
```
#3e265f
```
#3e265f rgb(62,38,95)
```
#4a2d72
```
#4a2d72 rgb(74,45,114)
```
#563484
```
#563484 rgb(86,52,132)
```
#623b96
```
#623b96 rgb(98,59,150)
```
#6e42a9
```
#6e42a9 rgb(110,66,169)
```
#7a4cb8
```
#7a4cb8 rgb(122,76,184)
```

Monochromatic Color

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

#423484
```
#423484 rgb(66,52,132)
```
#493484
```
#493484 rgb(73,52,132)
```
#4f3484
```
#4f3484 rgb(79,52,132)
```
#563484
```
#563484 rgb(86,52,132)
```
#5d3484
```
#5d3484 rgb(93,52,132)
```
#633484
```
#633484 rgb(99,52,132)
```
#6a3484
```
#6a3484 rgb(106,52,132)
```

Similar Colors

Text with hexadecimal color #563484

This text has a font color of #563484.

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

#563484 background color

This paragraph has a background color of #563484.

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

#563484 border color

This element has a border color of #563484.

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

CSS codes

.text {color:#563484;}

.background {background-color:#563484;}

.border {border:1px solid #563484;}

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

#030205
```
#030205 rgb(3,2,5)
```
#0d0813
```
#0d0813 rgb(13,8,19)
```
#160d21
```
#160d21 rgb(22,13,33)
```
#1f1330
```
#1f1330 rgb(31,19,48)
```
#28183e
```
#28183e rgb(40,24,62)
```
#311e4c
```
#311e4c rgb(49,30,76)
```
#3a235a
```
#3a235a rgb(58,35,90)
```
#442968
```
#442968 rgb(68,41,104)
```
#4d2e76
```
#4d2e76 rgb(77,46,118)
```
#563484
```
#563484 rgb(86,52,132)
```
#5f3a92
```
#5f3a92 rgb(95,58,146)
```
#683fa0
```
#683fa0 rgb(104,63,160)
```
#7245ae
```
#7245ae rgb(114,69,174)
```

Shade Color Variation

#7b4db9
```
#7b4db9 rgb(123,77,185)
```
#865bbf
```
#865bbf rgb(134,91,191)
```
#906ac4
```
#906ac4 rgb(144,106,196)
```
#9b78ca
```
#9b78ca rgb(155,120,202)
```
#a586cf
```
#a586cf rgb(165,134,207)
```
#af94d5
```
#af94d5 rgb(175,148,213)
```
#baa2da
```
#baa2da rgb(186,162,218)
```
#c4b0e0
```
#c4b0e0 rgb(196,176,224)
```
#cfbee5
```
#cfbee5 rgb(207,190,229)
```
#d9cceb
```
#d9cceb rgb(217,204,235)
```
#e4daf0
```
#e4daf0 rgb(228,218,240)
```
#eee8f6
```
#eee8f6 rgb(238,232,246)
```
#f9f6fc
```
#f9f6fc rgb(249,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5761 is the less saturated color, while #4f02b6 is the most saturated one.

#5b5761
```
#5b5761 rgb(91,87,97)
```
#5a5068
```
#5a5068 rgb(90,80,104)
```
#59496f
```
#59496f rgb(89,73,111)
```
#584276
```
#584276 rgb(88,66,118)
```
#573b7d
```
#573b7d rgb(87,59,125)
```
#563484
```
#563484 rgb(86,52,132)
```
#552d8b
```
#552d8b rgb(85,45,139)
```
#542692
```
#542692 rgb(84,38,146)
```
#531f99
```
#531f99 rgb(83,31,153)
```
#5218a0
```
#5218a0 rgb(82,24,160)
```
#5111a7
```
#5111a7 rgb(81,17,167)
```
#500aae
```
#500aae rgb(80,10,174)
```
#4f02b6
```
#4f02b6 rgb(79,2,182)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#034c97 Protanopia 1% of men
#1d5083 Deuteranopia 1% of men
#514e54 Tritanopia 0.001% of the population

Trichromacy

#214390 Protanomaly 1% of men, 0.01% of women
#324683 Deuteranomaly 6% of men, 0.4% of women
#534465 Tritanomaly 0.01% of the population

#563484 hex color

#563484 Color Information

#563484 Color Conversion

Color Schemes with #563484

Alternatives to #563484

#563484 Preview

Shades and Tints of #563484

Tones of #563484

Color Blindness Simulator