#563475 hex color

In a RGB color space, hex #563475 is composed of 33.7% red, 20.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 55.6% magenta, 0% yellow and 54.1% black. It has a hue angle of 271.4 degrees, a saturation of 38.5% and a lightness of 33.1%. #563475 color hex could be obtained by blending #ac68ea with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 20
- B 46
RGB color chart
- C 26
- M 56
- Y 0
- K 54
CMYK color chart

● #563475 color description : Dark moderate violet.

The hexadecimal color #563475 has RGB values of R:86, G:52, B:117 and CMYK values of C:0.26, M:0.56, Y:0, K:0.54. Its decimal value is 5649525.

Hex triplet	563475	`#563475`
RGB Decimal	86, 52, 117	`rgb(86,52,117)`
RGB Percent	33.7, 20.4, 45.9	`rgb(33.7%,20.4%,45.9%)`
CMYK	26, 56, 0, 54
HSL	271.4°, 38.5, 33.1	`hsl(271.4,38.5%,33.1%)`
HSV (or HSB)	271.4°, 55.6, 45.9
Web Safe	663366	`#663366`

CIE-LAB	28.692, 28.978, -31.678
XYZ	8.276, 5.719, 17.497
xyY	0.263, 0.182, 5.719
CIE-LCH	28.692, 42.933, 312.451
CIE-LUV	28.692, 10.464, -43.686
Hunter-Lab	23.914, 19.925, -26.639
Binary	01010110, 00110100, 01110101

#563475
```
#563475 rgb(86,52,117)
```
#537534
```
#537534 rgb(83,117,52)
```

Complementary Color

#363475
```
#363475 rgb(54,52,117)
```
#563475
```
#563475 rgb(86,52,117)
```
#753474
```
#753474 rgb(117,52,116)
```

Analogous Color

#347536
```
#347536 rgb(52,117,54)
```
#563475
```
#563475 rgb(86,52,117)
```
#747534
```
#747534 rgb(116,117,52)
```

Split Complementary Color

#347556
```
#347556 rgb(52,117,86)
```
#563475
```
#563475 rgb(86,52,117)
```
#755634
```
#755634 rgb(117,86,52)
```

Triadic Color

#345375
```
#345375 rgb(52,83,117)
```
#563475
```
#563475 rgb(86,52,117)
```
#755634
```
#755634 rgb(117,86,52)
```
#537534
```
#537534 rgb(83,117,52)
```

Tetradic Color

#2f1c40
```
#2f1c40 rgb(47,28,64)
```
#3c2452
```
#3c2452 rgb(60,36,82)
```
#492c63
```
#492c63 rgb(73,44,99)
```
#563475
```
#563475 rgb(86,52,117)
```
#633c87
```
#633c87 rgb(99,60,135)
```
#704498
```
#704498 rgb(112,68,152)
```
#7d4caa
```
#7d4caa rgb(125,76,170)
```

Monochromatic Color

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

#463475
```
#463475 rgb(70,52,117)
```
#4b3475
```
#4b3475 rgb(75,52,117)
```
#513475
```
#513475 rgb(81,52,117)
```
#563475
```
#563475 rgb(86,52,117)
```
#5b3475
```
#5b3475 rgb(91,52,117)
```
#613475
```
#613475 rgb(97,52,117)
```
#663475
```
#663475 rgb(102,52,117)
```

Similar Colors

Text with hexadecimal color #563475

This text has a font color of #563475.

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

#563475 background color

This paragraph has a background color of #563475.

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

#563475 border color

This element has a border color of #563475.

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

CSS codes

.text {color:#563475;}

.background {background-color:#563475;}

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

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

#060408
```
#060408 rgb(6,4,8)
```
#100a16
```
#100a16 rgb(16,10,22)
```
#1a1024
```
#1a1024 rgb(26,16,36)
```
#241631
```
#241631 rgb(36,22,49)
```
#2e1c3f
```
#2e1c3f rgb(46,28,63)
```
#38224c
```
#38224c rgb(56,34,76)
```
#42285a
```
#42285a rgb(66,40,90)
```
#4c2e67
```
#4c2e67 rgb(76,46,103)
```
#563475
```
#563475 rgb(86,52,117)
```
#603a83
```
#603a83 rgb(96,58,131)
```
#6a4090
```
#6a4090 rgb(106,64,144)
```
#74469e
```
#74469e rgb(116,70,158)
```
#7e4cab
```
#7e4cab rgb(126,76,171)
```

Shade Color Variation

#8857b4
```
#8857b4 rgb(136,87,180)
```
#9164ba
```
#9164ba rgb(145,100,186)
```
#9b72c0
```
#9b72c0 rgb(155,114,192)
```
#a580c6
```
#a580c6 rgb(165,128,198)
```
#ae8dcc
```
#ae8dcc rgb(174,141,204)
```
#b89bd2
```
#b89bd2 rgb(184,155,210)
```
#c1a8d8
```
#c1a8d8 rgb(193,168,216)
```
#cbb6df
```
#cbb6df rgb(203,182,223)
```
#d5c3e5
```
#d5c3e5 rgb(213,195,229)
```
#ded1eb
```
#ded1eb rgb(222,209,235)
```
#e8dff1
```
#e8dff1 rgb(232,223,241)
```
#f2ecf7
```
#f2ecf7 rgb(242,236,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #554e5b is the less saturated color, while #5800a9 is the most saturated one.

#554e5b
```
#554e5b rgb(85,78,91)
```
#554862
```
#554862 rgb(85,72,98)
```
#554168
```
#554168 rgb(85,65,104)
```
#563b6f
```
#563b6f rgb(86,59,111)
```
#563475
```
#563475 rgb(86,52,117)
```
#562e7c
```
#562e7c rgb(86,46,124)
```
#572782
```
#572782 rgb(87,39,130)
```
#572189
```
#572189 rgb(87,33,137)
```
#571a8f
```
#571a8f rgb(87,26,143)
```
#571496
```
#571496 rgb(87,20,150)
```
#580d9c
```
#580d9c rgb(88,13,156)
```
#5807a3
```
#5807a3 rgb(88,7,163)
```
#5800a9
```
#5800a9 rgb(88,0,169)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#49424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4b86 Protanopia 1% of men
#324d76 Deuteranopia 1% of men
#554a4f Tritanopia 0.001% of the population

Trichromacy

#3b4280 Protanomaly 1% of men, 0.01% of women
#3f4476 Deuteranomaly 6% of men, 0.4% of women
#55425d Tritanomaly 0.01% of the population

#563475 hex color

#563475 Color Information

#563475 Color Conversion

Color Schemes with #563475

Alternatives to #563475

#563475 Preview

Shades and Tints of #563475

Tones of #563475

Color Blindness Simulator