#564d7e hex color

In a RGB color space, hex #564d7e is composed of 33.7% red, 30.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 38.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 251 degrees, a saturation of 24.1% and a lightness of 39.8%. #564d7e color hex could be obtained by blending #ac9afc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 30
- B 49
RGB color chart
- C 32
- M 39
- Y 0
- K 51
CMYK color chart

● #564d7e color description : Mostly desaturated dark blue.

The hexadecimal color #564d7e has RGB values of R:86, G:77, B:126 and CMYK values of C:0.32, M:0.39, Y:0, K:0.51. Its decimal value is 5655934.

Hex triplet	564d7e	`#564d7e`
RGB Decimal	86, 77, 126	`rgb(86,77,126)`
RGB Percent	33.7, 30.2, 49.4	`rgb(33.7%,30.2%,49.4%)`
CMYK	32, 39, 0, 51
HSL	251°, 24.1, 39.8	`hsl(251,24.1%,39.8%)`
HSV (or HSB)	251°, 38.9, 49.4
Web Safe	666666	`#666666`

CIE-LAB	35.582, 15.712, -26.425
XYZ	10.257, 8.792, 20.894
xyY	0.257, 0.22, 8.792
CIE-LCH	35.582, 30.744, 300.735
CIE-LUV	35.582, 1.139, -37.929
Hunter-Lab	29.652, 9.853, -21.022
Binary	01010110, 01001101, 01111110

#564d7e
```
#564d7e rgb(86,77,126)
```
#757e4d
```
#757e4d rgb(117,126,77)
```

Complementary Color

#4d5d7e
```
#4d5d7e rgb(77,93,126)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#6f4d7e
```
#6f4d7e rgb(111,77,126)
```

Analogous Color

#5d7e4d
```
#5d7e4d rgb(93,126,77)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#7e6f4d
```
#7e6f4d rgb(126,111,77)
```

Split Complementary Color

#4d7e56
```
#4d7e56 rgb(77,126,86)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#7e564d
```
#7e564d rgb(126,86,77)
```

Triadic Color

#4d757e
```
#4d757e rgb(77,117,126)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#7e564d
```
#7e564d rgb(126,86,77)
```
#757e4d
```
#757e4d rgb(117,126,77)
```

Tetradic Color

#36304f
```
#36304f rgb(54,48,79)
```
#403a5e
```
#403a5e rgb(64,58,94)
```
#4b436e
```
#4b436e rgb(75,67,110)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#61578e
```
#61578e rgb(97,87,142)
```
#6c609e
```
#6c609e rgb(108,96,158)
```
#7a70a8
```
#7a70a8 rgb(122,112,168)
```

Monochromatic Color

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

#4d507e
```
#4d507e rgb(77,80,126)
```
#4e4d7e
```
#4e4d7e rgb(78,77,126)
```
#524d7e
```
#524d7e rgb(82,77,126)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#5a4d7e
```
#5a4d7e rgb(90,77,126)
```
#5e4d7e
```
#5e4d7e rgb(94,77,126)
```
#624d7e
```
#624d7e rgb(98,77,126)
```

Similar Colors

Text with hexadecimal color #564d7e

This text has a font color of #564d7e.

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

#564d7e background color

This paragraph has a background color of #564d7e.

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

#564d7e border color

This element has a border color of #564d7e.

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

CSS codes

.text {color:#564d7e;}

.background {background-color:#564d7e;}

.border {border:1px solid #564d7e;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0a10
```
#0b0a10 rgb(11,10,16)
```
#14111d
```
#14111d rgb(20,17,29)
```
#1c1929
```
#1c1929 rgb(28,25,41)
```
#242035
```
#242035 rgb(36,32,53)
```
#2c2841
```
#2c2841 rgb(44,40,65)
```
#352f4d
```
#352f4d rgb(53,47,77)
```
#3d3759
```
#3d3759 rgb(61,55,89)
```
#453e66
```
#453e66 rgb(69,62,102)
```
#4e4672
```
#4e4672 rgb(78,70,114)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#5e548a
```
#5e548a rgb(94,84,138)
```
#675c96
```
#675c96 rgb(103,92,150)
```

Shade Color Variation

#7065a1
```
#7065a1 rgb(112,101,161)
```
#7b71a8
```
#7b71a8 rgb(123,113,168)
```
#877db0
```
#877db0 rgb(135,125,176)
```
#9289b7
```
#9289b7 rgb(146,137,183)
```
#9d96bf
```
#9d96bf rgb(157,150,191)
```
#a9a2c6
```
#a9a2c6 rgb(169,162,198)
```
#b4aece
```
#b4aece rgb(180,174,206)
```
#bfbad5
```
#bfbad5 rgb(191,186,213)
```
#cac6dc
```
#cac6dc rgb(202,198,220)
```
#d6d3e4
```
#d6d3e4 rgb(214,211,228)
```
#e1dfeb
```
#e1dfeb rgb(225,223,235)
```
#ecebf3
```
#ecebf3 rgb(236,235,243)
```
#f8f7fa
```
#f8f7fa rgb(248,247,250)
```

Tint Color Variation

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

#656467
```
#656467 rgb(101,100,103)
```
#605d6e
```
#605d6e rgb(96,93,110)
```
#5b5576
```
#5b5576 rgb(91,85,118)
```
#564d7e
```
#564d7e rgb(86,77,126)
```
#514586
```
#514586 rgb(81,69,134)
```
#4c3d8e
```
#4c3d8e rgb(76,61,142)
```
#473695
```
#473695 rgb(71,54,149)
```
#422e9d
```
#422e9d rgb(66,46,157)
```
#3d26a5
```
#3d26a5 rgb(61,38,165)
```
#381ead
```
#381ead rgb(56,30,173)
```
#3316b5
```
#3316b5 rgb(51,22,181)
```
#2e0fbc
```
#2e0fbc rgb(46,15,188)
```
#2a07c4
```
#2a07c4 rgb(42,7,196)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#55535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5b88 Protanopia 1% of men
#4b5c82 Deuteranopia 1% of men
#565d64 Tritanopia 0.001% of the population

Trichromacy

#4f5584 Protanomaly 1% of men, 0.01% of women
#4f5680 Deuteranomaly 6% of men, 0.4% of women
#56576d Tritanomaly 0.01% of the population

#564d7e hex color

#564d7e Color Information

#564d7e Color Conversion

Color Schemes with #564d7e

Alternatives to #564d7e

#564d7e Preview

Shades and Tints of #564d7e

Tones of #564d7e

Color Blindness Simulator