#563485 hex color

In a RGB color space, hex #563485 is composed of 33.7% red, 20.4% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 60.9% magenta, 0% yellow and 47.8% black. It has a hue angle of 265.2 degrees, a saturation of 43.8% and a lightness of 36.3%. #563485 color hex could be obtained by blending #ac68ff with #00000b. 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

● #563485 color description : Dark moderate violet.

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

Hex triplet	563485	`#563485`
RGB Decimal	86, 52, 133	`rgb(86,52,133)`
RGB Percent	33.7, 20.4, 52.2	`rgb(33.7%,20.4%,52.2%)`
CMYK	35, 61, 0, 48
HSL	265.2°, 43.8, 36.3	`hsl(265.2,43.8%,36.3%)`
HSV (or HSB)	265.2°, 60.9, 52.2
Web Safe	663399	`#663399`

CIE-LAB	29.733, 33.266, -40.057
XYZ	9.299, 6.128, 22.882
xyY	0.243, 0.16, 6.128
CIE-LCH	29.733, 52.069, 309.708
CIE-LUV	29.733, 8.167, -55.527
Hunter-Lab	24.755, 23.73, -37.476
Binary	01010110, 00110100, 10000101

#563485
```
#563485 rgb(86,52,133)
```
#638534
```
#638534 rgb(99,133,52)
```

Complementary Color

#343b85
```
#343b85 rgb(52,59,133)
```
#563485
```
#563485 rgb(86,52,133)
```
#7f3485
```
#7f3485 rgb(127,52,133)
```

Analogous Color

#3b8534
```
#3b8534 rgb(59,133,52)
```
#563485
```
#563485 rgb(86,52,133)
```
#857f34
```
#857f34 rgb(133,127,52)
```

Split Complementary Color

#348556
```
#348556 rgb(52,133,86)
```
#563485
```
#563485 rgb(86,52,133)
```
#855634
```
#855634 rgb(133,86,52)
```

Triadic Color

#346385
```
#346385 rgb(52,99,133)
```
#563485
```
#563485 rgb(86,52,133)
```
#855634
```
#855634 rgb(133,86,52)
```
#638534
```
#638534 rgb(99,133,52)
```

Tetradic Color

#321e4e
```
#321e4e rgb(50,30,78)
```
#3e2660
```
#3e2660 rgb(62,38,96)
```
#4a2d73
```
#4a2d73 rgb(74,45,115)
```
#563485
```
#563485 rgb(86,52,133)
```
#623b97
```
#623b97 rgb(98,59,151)
```
#6e42aa
```
#6e42aa rgb(110,66,170)
```
#7a4cb9
```
#7a4cb9 rgb(122,76,185)
```

Monochromatic Color

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

#423485
```
#423485 rgb(66,52,133)
```
#493485
```
#493485 rgb(73,52,133)
```
#4f3485
```
#4f3485 rgb(79,52,133)
```
#563485
```
#563485 rgb(86,52,133)
```
#5d3485
```
#5d3485 rgb(93,52,133)
```
#643485
```
#643485 rgb(100,52,133)
```
#6a3485
```
#6a3485 rgb(106,52,133)
```

Similar Colors

Text with hexadecimal color #563485

This text has a font color of #563485.

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

#563485 background color

This paragraph has a background color of #563485.

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

#563485 border color

This element has a border color of #563485.

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

CSS codes

.text {color:#563485;}

.background {background-color:#563485;}

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

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

#040206
```
#040206 rgb(4,2,6)
```
#0d0814
```
#0d0814 rgb(13,8,20)
```
#160d22
```
#160d22 rgb(22,13,34)
```
#1f1330
```
#1f1330 rgb(31,19,48)
```
#28183e
```
#28183e rgb(40,24,62)
```
#321e4d
```
#321e4d rgb(50,30,77)
```
#3b235b
```
#3b235b rgb(59,35,91)
```
#442969
```
#442969 rgb(68,41,105)
```
#4d2e77
```
#4d2e77 rgb(77,46,119)
```
#563485
```
#563485 rgb(86,52,133)
```
#5f3a93
```
#5f3a93 rgb(95,58,147)
```
#683fa1
```
#683fa1 rgb(104,63,161)
```
#7145af
```
#7145af rgb(113,69,175)
```

Shade Color Variation

#7b4eba
```
#7b4eba rgb(123,78,186)
```
#865cbf
```
#865cbf rgb(134,92,191)
```
#906ac5
```
#906ac5 rgb(144,106,197)
```
#9b78ca
```
#9b78ca rgb(155,120,202)
```
#a586d0
```
#a586d0 rgb(165,134,208)
```
#b094d5
```
#b094d5 rgb(176,148,213)
```
#baa2db
```
#baa2db rgb(186,162,219)
```
#c5b0e0
```
#c5b0e0 rgb(197,176,224)
```
#cfbfe6
```
#cfbfe6 rgb(207,191,230)
```
#dacdeb
```
#dacdeb rgb(218,205,235)
```
#e4dbf1
```
#e4dbf1 rgb(228,219,241)
```
#efe9f6
```
#efe9f6 rgb(239,233,246)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

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

#5c5861
```
#5c5861 rgb(92,88,97)
```
#5b5069
```
#5b5069 rgb(91,80,105)
```
#594970
```
#594970 rgb(89,73,112)
```
#584277
```
#584277 rgb(88,66,119)
```
#573b7e
```
#573b7e rgb(87,59,126)
```
#563485
```
#563485 rgb(86,52,133)
```
#552d8c
```
#552d8c rgb(85,45,140)
```
#542693
```
#542693 rgb(84,38,147)
```
#531f9a
```
#531f9a rgb(83,31,154)
```
#5118a1
```
#5118a1 rgb(81,24,161)
```
#5010a9
```
#5010a9 rgb(80,16,169)
```
#4f09b0
```
#4f09b0 rgb(79,9,176)
```
#4e02b7
```
#4e02b7 rgb(78,2,183)
```

Tone Color Variation

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

#004d97 Protanopia 1% of men
#1a5084 Deuteranopia 1% of men
#514e54 Tritanopia 0.001% of the population

Trichromacy

#1f4390 Protanomaly 1% of men, 0.01% of women
#304684 Deuteranomaly 6% of men, 0.4% of women
#524466 Tritanomaly 0.01% of the population

#563485 hex color

#563485 Color Information

#563485 Color Conversion

Color Schemes with #563485

Alternatives to #563485

#563485 Preview

Shades and Tints of #563485

Tones of #563485

Color Blindness Simulator