#564156 hex color

In a RGB color space, hex #564156 is composed of 33.7% red, 25.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 0% yellow and 66.3% black. It has a hue angle of 300 degrees, a saturation of 13.9% and a lightness of 29.6%. #564156 color hex could be obtained by blending #ac82ac with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 34
- G 25
- B 34
RGB color chart
- C 0
- M 24
- Y 0
- K 66
CMYK color chart

● #564156 color description : Very dark grayish magenta.

The hexadecimal color #564156 has RGB values of R:86, G:65, B:86 and CMYK values of C:0, M:0.24, Y:0, K:0.66. Its decimal value is 5652822.

Hex triplet	564156	`#564156`
RGB Decimal	86, 65, 86	`rgb(86,65,86)`
RGB Percent	33.7, 25.5, 33.7	`rgb(33.7%,25.5%,33.7%)`
CMYK	0, 24, 0, 66
HSL	300°, 13.9, 29.6	`hsl(300,13.9%,29.6%)`
HSV (or HSB)	300°, 24.4, 33.7
Web Safe	663366	`#663366`

CIE-LAB	30.475, 13.251, -9.055
XYZ	7.408, 6.431, 9.655
xyY	0.315, 0.274, 6.431
CIE-LCH	30.475, 16.049, 325.652
CIE-LUV	30.475, 9.99, -12.923
Hunter-Lab	25.36, 7.761, -4.821
Binary	01010110, 01000001, 01010110

#564156
```
#564156 rgb(86,65,86)
```
#415641
```
#415641 rgb(65,86,65)
```

Complementary Color

#4c4156
```
#4c4156 rgb(76,65,86)
```
#564156
```
#564156 rgb(86,65,86)
```
#56414c
```
#56414c rgb(86,65,76)
```

Analogous Color

#41564c
```
#41564c rgb(65,86,76)
```
#564156
```
#564156 rgb(86,65,86)
```
#4c5641
```
#4c5641 rgb(76,86,65)
```

Split Complementary Color

#415656
```
#415656 rgb(65,86,86)
```
#564156
```
#564156 rgb(86,65,86)
```
#565641
```
#565641 rgb(86,86,65)
```

Triadic Color

#414156
```
#414156 rgb(65,65,86)
```
#564156
```
#564156 rgb(86,65,86)
```
#565641
```
#565641 rgb(86,86,65)
```
#415641
```
#415641 rgb(65,86,65)
```

Tetradic Color

#2a202a
```
#2a202a rgb(42,32,42)
```
#392b39
```
#392b39 rgb(57,43,57)
```
#473647
```
#473647 rgb(71,54,71)
```
#564156
```
#564156 rgb(86,65,86)
```
#654c65
```
#654c65 rgb(101,76,101)
```
#735773
```
#735773 rgb(115,87,115)
```
#826282
```
#826282 rgb(130,98,130)
```

Monochromatic Color

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

#514156
```
#514156 rgb(81,65,86)
```
#534156
```
#534156 rgb(83,65,86)
```
#544156
```
#544156 rgb(84,65,86)
```
#564156
```
#564156 rgb(86,65,86)
```
#564154
```
#564154 rgb(86,65,84)
```
#564153
```
#564153 rgb(86,65,83)
```
#564151
```
#564151 rgb(86,65,81)
```

Similar Colors

Text with hexadecimal color #564156

This text has a font color of #564156.

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

#564156 background color

This paragraph has a background color of #564156.

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

#564156 border color

This element has a border color of #564156.

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

CSS codes

.text {color:#564156;}

.background {background-color:#564156;}

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

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

#080608
```
#080608 rgb(8,6,8)
```
#130e13
```
#130e13 rgb(19,14,19)
```
#1e171e
```
#1e171e rgb(30,23,30)
```
#291f29
```
#291f29 rgb(41,31,41)
```
#342834
```
#342834 rgb(52,40,52)
```
#403040
```
#403040 rgb(64,48,64)
```
#4b394b
```
#4b394b rgb(75,57,75)
```
#564156
```
#564156 rgb(86,65,86)
```
#614961
```
#614961 rgb(97,73,97)
```
#6c526c
```
#6c526c rgb(108,82,108)
```
#785a78
```
#785a78 rgb(120,90,120)
```
#836383
```
#836383 rgb(131,99,131)
```
#8e6b8e
```
#8e6b8e rgb(142,107,142)
```

Shade Color Variation

#977697
```
#977697 rgb(151,118,151)
```
#a081a0
```
#a081a0 rgb(160,129,160)
```
#a88ca8
```
#a88ca8 rgb(168,140,168)
```
#b097b0
```
#b097b0 rgb(176,151,176)
```
#b9a2b9
```
#b9a2b9 rgb(185,162,185)
```
#c1adc1
```
#c1adc1 rgb(193,173,193)
```
#cab9ca
```
#cab9ca rgb(202,185,202)
```
#d2c4d2
```
#d2c4d2 rgb(210,196,210)
```
#dbcfdb
```
#dbcfdb rgb(219,207,219)
```
#e3dae3
```
#e3dae3 rgb(227,218,227)
```
#ece5ec
```
#ece5ec rgb(236,229,236)
```
#f4f0f4
```
#f4f0f4 rgb(244,240,244)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#504750
```
#504750 rgb(80,71,80)
```
#564156
```
#564156 rgb(86,65,86)
```
#5c3b5c
```
#5c3b5c rgb(92,59,92)
```
#623562
```
#623562 rgb(98,53,98)
```
#673067
```
#673067 rgb(103,48,103)
```
#6d2a6d
```
#6d2a6d rgb(109,42,109)
```
#732473
```
#732473 rgb(115,36,115)
```
#791e79
```
#791e79 rgb(121,30,121)
```
#7f187f
```
#7f187f rgb(127,24,127)
```
#841384
```
#841384 rgb(132,19,132)
```
#8a0d8a
```
#8a0d8a rgb(138,13,138)
```
#900790
```
#900790 rgb(144,7,144)
```
#960196
```
#960196 rgb(150,1,150)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c484c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5062 Protanopia 1% of men
#524f5d Deuteranopia 1% of men
#5c4d52 Tritanopia 0.001% of the population

Trichromacy

#504a5d Protanomaly 1% of men, 0.01% of women
#534a5a Deuteranomaly 6% of men, 0.4% of women
#5a4853 Tritanomaly 0.01% of the population

#564156 hex color

#564156 Color Information

#564156 Color Conversion

Color Schemes with #564156

Alternatives to #564156

#564156 Preview

Shades and Tints of #564156

Tones of #564156

Color Blindness Simulator