#563a97 hex color

In a RGB color space, hex #563a97 is composed of 33.7% red, 22.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 61.6% magenta, 0% yellow and 40.8% black. It has a hue angle of 258.1 degrees, a saturation of 44.5% and a lightness of 41%. #563a97 color hex could be obtained by blending #ac74ff with #00002f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 23
- B 59
RGB color chart
- C 43
- M 62
- Y 0
- K 41
CMYK color chart

● #563a97 color description : Dark moderate violet.

The hexadecimal color #563a97 has RGB values of R:86, G:58, B:151 and CMYK values of C:0.43, M:0.62, Y:0, K:0.41. Its decimal value is 5651095.

Hex triplet	563a97	`#563a97`
RGB Decimal	86, 58, 151	`rgb(86,58,151)`
RGB Percent	33.7, 22.7, 59.2	`rgb(33.7%,22.7%,59.2%)`
CMYK	43, 62, 0, 41
HSL	258.1°, 44.5, 41	`hsl(258.1,44.5%,41%)`
HSV (or HSB)	258.1°, 61.6, 59.2
Web Safe	663399	`#663399`

CIE-LAB	32.344, 34.805, -46.93
XYZ	10.936, 7.239, 30.098
xyY	0.227, 0.15, 7.239
CIE-LCH	32.344, 58.428, 306.562
CIE-LUV	32.344, 4.477, -66.36
Hunter-Lab	26.905, 25.469, -47.492
Binary	01010110, 00111010, 10010111

#563a97
```
#563a97 rgb(86,58,151)
```
#7b973a
```
#7b973a rgb(123,151,58)
```

Complementary Color

#3a4d97
```
#3a4d97 rgb(58,77,151)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#853a97
```
#853a97 rgb(133,58,151)
```

Analogous Color

#4d973a
```
#4d973a rgb(77,151,58)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#97853a
```
#97853a rgb(151,133,58)
```

Split Complementary Color

#3a9756
```
#3a9756 rgb(58,151,86)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#97563a
```
#97563a rgb(151,86,58)
```

Triadic Color

#3a7b97
```
#3a7b97 rgb(58,123,151)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#97563a
```
#97563a rgb(151,86,58)
```
#7b973a
```
#7b973a rgb(123,151,58)
```

Tetradic Color

#372560
```
#372560 rgb(55,37,96)
```
#412c72
```
#412c72 rgb(65,44,114)
```
#4c3385
```
#4c3385 rgb(76,51,133)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#6041a9
```
#6041a9 rgb(96,65,169)
```
#6c4aba
```
#6c4aba rgb(108,74,186)
```
#7b5dc1
```
#7b5dc1 rgb(123,93,193)
```

Monochromatic Color

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

#3f3a97
```
#3f3a97 rgb(63,58,151)
```
#473a97
```
#473a97 rgb(71,58,151)
```
#4e3a97
```
#4e3a97 rgb(78,58,151)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#5e3a97
```
#5e3a97 rgb(94,58,151)
```
#663a97
```
#663a97 rgb(102,58,151)
```
#6d3a97
```
#6d3a97 rgb(109,58,151)
```

Similar Colors

Text with hexadecimal color #563a97

This text has a font color of #563a97.

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

#563a97 background color

This paragraph has a background color of #563a97.

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

#563a97 border color

This element has a border color of #563a97.

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

CSS codes

.text {color:#563a97;}

.background {background-color:#563a97;}

.border {border:1px solid #563a97;}

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

#050409
```
#050409 rgb(5,4,9)
```
#0d0917
```
#0d0917 rgb(13,9,23)
```
#150e26
```
#150e26 rgb(21,14,38)
```
#1e1434
```
#1e1434 rgb(30,20,52)
```
#261942
```
#261942 rgb(38,25,66)
```
#2e1f50
```
#2e1f50 rgb(46,31,80)
```
#36245e
```
#36245e rgb(54,36,94)
```
#3e2a6c
```
#3e2a6c rgb(62,42,108)
```
#462f7b
```
#462f7b rgb(70,47,123)
```
#4e3589
```
#4e3589 rgb(78,53,137)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#5e3fa5
```
#5e3fa5 rgb(94,63,165)
```
#6645b3
```
#6645b3 rgb(102,69,179)
```

Shade Color Variation

#7050bc
```
#7050bc rgb(112,80,188)
```
#7c5ec1
```
#7c5ec1 rgb(124,94,193)
```
#886cc7
```
#886cc7 rgb(136,108,199)
```
#937bcc
```
#937bcc rgb(147,123,204)
```
#9f89d2
```
#9f89d2 rgb(159,137,210)
```
#aa97d7
```
#aa97d7 rgb(170,151,215)
```
#b6a5dc
```
#b6a5dc rgb(182,165,220)
```
#c1b3e2
```
#c1b3e2 rgb(193,179,226)
```
#cdc1e7
```
#cdc1e7 rgb(205,193,231)
```
#d8d0ed
```
#d8d0ed rgb(216,208,237)
```
#e4def2
```
#e4def2 rgb(228,222,242)
```
#efecf8
```
#efecf8 rgb(239,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66626f is the less saturated color, while #4002cf is the most saturated one.

#66626f
```
#66626f rgb(102,98,111)
```
#635a77
```
#635a77 rgb(99,90,119)
```
#60527f
```
#60527f rgb(96,82,127)
```
#5c4a87
```
#5c4a87 rgb(92,74,135)
```
#59428f
```
#59428f rgb(89,66,143)
```
#563a97
```
#563a97 rgb(86,58,151)
```
#53329f
```
#53329f rgb(83,50,159)
```
#502aa7
```
#502aa7 rgb(80,42,167)
```
#4c22af
```
#4c22af rgb(76,34,175)
```
#491ab7
```
#491ab7 rgb(73,26,183)
```
#4612bf
```
#4612bf rgb(70,18,191)
```
#430ac7
```
#430ac7 rgb(67,10,199)
```
#4002cf
```
#4002cf rgb(64,2,207)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f495c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a2 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#4b575d Tritanopia 0.001% of the population

Trichromacy

#1f499e Protanomaly 1% of men, 0.01% of women
#1f4c92 Deuteranomaly 6% of men, 0.4% of women
#4f4c72 Tritanomaly 0.01% of the population

#563a97 hex color

#563a97 Color Information

#563a97 Color Conversion

Color Schemes with #563a97

Alternatives to #563a97

#563a97 Preview

Shades and Tints of #563a97

Tones of #563a97

Color Blindness Simulator