#564180 hex color

In a RGB color space, hex #564180 is composed of 33.7% red, 25.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 49.2% magenta, 0% yellow and 49.8% black. It has a hue angle of 260 degrees, a saturation of 32.6% and a lightness of 37.8%. #564180 color hex could be obtained by blending #ac82ff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 34
- G 25
- B 50
RGB color chart
- C 33
- M 49
- Y 0
- K 50
CMYK color chart

● #564180 color description : Dark moderate violet.

The hexadecimal color #564180 has RGB values of R:86, G:65, B:128 and CMYK values of C:0.33, M:0.49, Y:0, K:0.5. Its decimal value is 5652864.

Hex triplet	564180	`#564180`
RGB Decimal	86, 65, 128	`rgb(86,65,128)`
RGB Percent	33.7, 25.5, 50.2	`rgb(33.7%,25.5%,50.2%)`
CMYK	33, 49, 0, 50
HSL	260°, 32.6, 37.8	`hsl(260,32.6%,37.8%)`
HSV (or HSB)	260°, 49.2, 50.2
Web Safe	663399	`#663399`

CIE-LAB	32.519, 23.91, -32.495
XYZ	9.624, 7.318, 21.326
xyY	0.251, 0.191, 7.318
CIE-LCH	32.519, 40.344, 306.345
CIE-LUV	32.519, 5.113, -46.154
Hunter-Lab	27.051, 16.164, -27.807
Binary	01010110, 01000001, 10000000

#564180
```
#564180 rgb(86,65,128)
```
#6b8041
```
#6b8041 rgb(107,128,65)
```

Complementary Color

#414c80
```
#414c80 rgb(65,76,128)
```
#564180
```
#564180 rgb(86,65,128)
```
#764180
```
#764180 rgb(118,65,128)
```

Analogous Color

#4c8041
```
#4c8041 rgb(76,128,65)
```
#564180
```
#564180 rgb(86,65,128)
```
#807641
```
#807641 rgb(128,118,65)
```

Split Complementary Color

#418056
```
#418056 rgb(65,128,86)
```
#564180
```
#564180 rgb(86,65,128)
```
#805641
```
#805641 rgb(128,86,65)
```

Triadic Color

#416b80
```
#416b80 rgb(65,107,128)
```
#564180
```
#564180 rgb(86,65,128)
```
#805641
```
#805641 rgb(128,86,65)
```
#6b8041
```
#6b8041 rgb(107,128,65)
```

Tetradic Color

#34274d
```
#34274d rgb(52,39,77)
```
#3f305e
```
#3f305e rgb(63,48,94)
```
#4b386f
```
#4b386f rgb(75,56,111)
```
#564180
```
#564180 rgb(86,65,128)
```
#614a91
```
#614a91 rgb(97,74,145)
```
#6d52a2
```
#6d52a2 rgb(109,82,162)
```
#7a5fae
```
#7a5fae rgb(122,95,174)
```

Monochromatic Color

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

#464180
```
#464180 rgb(70,65,128)
```
#4c4180
```
#4c4180 rgb(76,65,128)
```
#514180
```
#514180 rgb(81,65,128)
```
#564180
```
#564180 rgb(86,65,128)
```
#5b4180
```
#5b4180 rgb(91,65,128)
```
#614180
```
#614180 rgb(97,65,128)
```
#664180
```
#664180 rgb(102,65,128)
```

Similar Colors

Text with hexadecimal color #564180

This text has a font color of #564180.

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

#564180 background color

This paragraph has a background color of #564180.

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

#564180 border color

This element has a border color of #564180.

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

CSS codes

.text {color:#564180;}

.background {background-color:#564180;}

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

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, #07060b is the darkest color, while #fdfdfe is the lightest one.

#07060b
```
#07060b rgb(7,6,11)
```
#100c18
```
#100c18 rgb(16,12,24)
```
#191325
```
#191325 rgb(25,19,37)
```
#221932
```
#221932 rgb(34,25,50)
```
#2a203f
```
#2a203f rgb(42,32,63)
```
#33274c
```
#33274c rgb(51,39,76)
```
#3c2d59
```
#3c2d59 rgb(60,45,89)
```
#453466
```
#453466 rgb(69,52,102)
```
#4d3a73
```
#4d3a73 rgb(77,58,115)
```
#564180
```
#564180 rgb(86,65,128)
```
#5f488d
```
#5f488d rgb(95,72,141)
```
#674e9a
```
#674e9a rgb(103,78,154)
```
#7055a7
```
#7055a7 rgb(112,85,167)
```

Shade Color Variation

#7b61af
```
#7b61af rgb(123,97,175)
```
#866eb5
```
#866eb5 rgb(134,110,181)
```
#917bbc
```
#917bbc rgb(145,123,188)
```
#9b88c2
```
#9b88c2 rgb(155,136,194)
```
#a695c9
```
#a695c9 rgb(166,149,201)
```
#b1a2d0
```
#b1a2d0 rgb(177,162,208)
```
#bcafd6
```
#bcafd6 rgb(188,175,214)
```
#c7bcdd
```
#c7bcdd rgb(199,188,221)
```
#d2c9e4
```
#d2c9e4 rgb(210,201,228)
```
#ddd6ea
```
#ddd6ea rgb(221,214,234)
```
#e8e3f1
```
#e8e3f1 rgb(232,227,241)
```
#f2f0f7
```
#f2f0f7 rgb(242,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f62 is the less saturated color, while #4206bb is the most saturated one.

#605f62
```
#605f62 rgb(96,95,98)
```
#5d576a
```
#5d576a rgb(93,87,106)
```
#5b5071
```
#5b5071 rgb(91,80,113)
```
#584879
```
#584879 rgb(88,72,121)
```
#564180
```
#564180 rgb(86,65,128)
```
#543a87
```
#543a87 rgb(84,58,135)
```
#51328f
```
#51328f rgb(81,50,143)
```
#4f2b96
```
#4f2b96 rgb(79,43,150)
```
#4c239e
```
#4c239e rgb(76,35,158)
```
#4a1ca5
```
#4a1ca5 rgb(74,28,165)
```
#4714ad
```
#4714ad rgb(71,20,173)
```
#450db4
```
#450db4 rgb(69,13,180)
```
#4206bb
```
#4206bb rgb(66,6,187)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#504b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39538d Protanopia 1% of men
#3a5582 Deuteranopia 1% of men
#54555b Tritanopia 0.001% of the population

Trichromacy

#434d88 Protanomaly 1% of men, 0.01% of women
#444e81 Deuteranomaly 6% of men, 0.4% of women
#544e68 Tritanomaly 0.01% of the population

#564180 hex color

#564180 Color Information

#564180 Color Conversion

Color Schemes with #564180

Alternatives to #564180

#564180 Preview

Shades and Tints of #564180

Tones of #564180

Color Blindness Simulator