#563a94 hex color

In a RGB color space, hex #563a94 is composed of 33.7% red, 22.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 60.8% magenta, 0% yellow and 42% black. It has a hue angle of 258.7 degrees, a saturation of 43.7% and a lightness of 40.4%. #563a94 color hex could be obtained by blending #ac74ff with #000029. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 23
- B 58
RGB color chart
- C 42
- M 61
- Y 0
- K 42
CMYK color chart

● #563a94 color description : Dark moderate violet.

The hexadecimal color #563a94 has RGB values of R:86, G:58, B:148 and CMYK values of C:0.42, M:0.61, Y:0, K:0.42. Its decimal value is 5651092.

Hex triplet	563a94	`#563a94`
RGB Decimal	86, 58, 148	`rgb(86,58,148)`
RGB Percent	33.7, 22.7, 58	`rgb(33.7%,22.7%,58%)`
CMYK	42, 61, 0, 42
HSL	258.7°, 43.7, 40.4	`hsl(258.7,43.7%,40.4%)`
HSV (or HSB)	258.7°, 60.8, 58
Web Safe	663399	`#663399`

CIE-LAB	32.129, 33.936, -45.447
XYZ	10.695, 7.143, 28.831
xyY	0.229, 0.153, 7.143
CIE-LCH	32.129, 56.719, 306.75
CIE-LUV	32.129, 4.818, -64.208
Hunter-Lab	26.726, 24.663, -45.252
Binary	01010110, 00111010, 10010100

#563a94
```
#563a94 rgb(86,58,148)
```
#78943a
```
#78943a rgb(120,148,58)
```

Complementary Color

#3a4b94
```
#3a4b94 rgb(58,75,148)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#833a94
```
#833a94 rgb(131,58,148)
```

Analogous Color

#4b943a
```
#4b943a rgb(75,148,58)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#94833a
```
#94833a rgb(148,131,58)
```

Split Complementary Color

#3a9456
```
#3a9456 rgb(58,148,86)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#94563a
```
#94563a rgb(148,86,58)
```

Triadic Color

#3a7894
```
#3a7894 rgb(58,120,148)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#94563a
```
#94563a rgb(148,86,58)
```
#78943a
```
#78943a rgb(120,148,58)
```

Tetradic Color

#36245d
```
#36245d rgb(54,36,93)
```
#412c6f
```
#412c6f rgb(65,44,111)
```
#4b3382
```
#4b3382 rgb(75,51,130)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#6141a6
```
#6141a6 rgb(97,65,166)
```
#6c49b8
```
#6c49b8 rgb(108,73,184)
```
#7a5cbf
```
#7a5cbf rgb(122,92,191)
```

Monochromatic Color

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

#3f3a94
```
#3f3a94 rgb(63,58,148)
```
#473a94
```
#473a94 rgb(71,58,148)
```
#4e3a94
```
#4e3a94 rgb(78,58,148)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#5e3a94
```
#5e3a94 rgb(94,58,148)
```
#653a94
```
#653a94 rgb(101,58,148)
```
#6d3a94
```
#6d3a94 rgb(109,58,148)
```

Similar Colors

Text with hexadecimal color #563a94

This text has a font color of #563a94.

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

#563a94 background color

This paragraph has a background color of #563a94.

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

#563a94 border color

This element has a border color of #563a94.

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

CSS codes

.text {color:#563a94;}

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

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

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

#040307
```
#040307 rgb(4,3,7)
```
#0c0815
```
#0c0815 rgb(12,8,21)
```
#140e23
```
#140e23 rgb(20,14,35)
```
#1d1331
```
#1d1331 rgb(29,19,49)
```
#25193f
```
#25193f rgb(37,25,63)
```
#2d1e4e
```
#2d1e4e rgb(45,30,78)
```
#35245c
```
#35245c rgb(53,36,92)
```
#3d296a
```
#3d296a rgb(61,41,106)
```
#462f78
```
#462f78 rgb(70,47,120)
```
#4e3486
```
#4e3486 rgb(78,52,134)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#5e40a2
```
#5e40a2 rgb(94,64,162)
```
#6645b0
```
#6645b0 rgb(102,69,176)
```

Shade Color Variation

#704fba
```
#704fba rgb(112,79,186)
```
#7c5dbf
```
#7c5dbf rgb(124,93,191)
```
#876bc5
```
#876bc5 rgb(135,107,197)
```
#9279cb
```
#9279cb rgb(146,121,203)
```
#9e87d0
```
#9e87d0 rgb(158,135,208)
```
#a995d6
```
#a995d6 rgb(169,149,214)
```
#b5a3db
```
#b5a3db rgb(181,163,219)
```
#c0b2e1
```
#c0b2e1 rgb(192,178,225)
```
#ccc0e6
```
#ccc0e6 rgb(204,192,230)
```
#d7ceec
```
#d7ceec rgb(215,206,236)
```
#e2dcf1
```
#e2dcf1 rgb(226,220,241)
```
#eeeaf7
```
#eeeaf7 rgb(238,234,247)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65626c is the less saturated color, while #4103cb is the most saturated one.

#65626c
```
#65626c rgb(101,98,108)
```
#625a74
```
#625a74 rgb(98,90,116)
```
#5f527c
```
#5f527c rgb(95,82,124)
```
#5c4a84
```
#5c4a84 rgb(92,74,132)
```
#59428c
```
#59428c rgb(89,66,140)
```
#563a94
```
#563a94 rgb(86,58,148)
```
#53329c
```
#53329c rgb(83,50,156)
```
#502aa4
```
#502aa4 rgb(80,42,164)
```
#4d22ac
```
#4d22ac rgb(77,34,172)
```
#4a1ab4
```
#4a1ab4 rgb(74,26,180)
```
#4712bc
```
#4712bc rgb(71,18,188)
```
#440ac4
```
#440ac4 rgb(68,10,196)
```
#4103cb
```
#4103cb rgb(65,3,203)
```

Tone Color Variation

Below, you can see how #563a94 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
#4f495b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00568f Deuteranopia 1% of men
#4c565c Tritanopia 0.001% of the population

Trichromacy

#1f499c Protanomaly 1% of men, 0.01% of women
#1f4c91 Deuteranomaly 6% of men, 0.4% of women
#504c70 Tritanomaly 0.01% of the population

#563a94 hex color

#563a94 Color Information

#563a94 Color Conversion

Color Schemes with #563a94

Alternatives to #563a94

#563a94 Preview

Shades and Tints of #563a94

Tones of #563a94

Color Blindness Simulator