#564f7f hex color

In a RGB color space, hex #564f7f is composed of 33.7% red, 31% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 37.8% magenta, 0% yellow and 50.2% black. It has a hue angle of 248.8 degrees, a saturation of 23.3% and a lightness of 40.4%. #564f7f color hex could be obtained by blending #ac9efe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 31
- B 50
RGB color chart
- C 32
- M 38
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #564f7f has RGB values of R:86, G:79, B:127 and CMYK values of C:0.32, M:0.38, Y:0, K:0.5. Its decimal value is 5656447.

Hex triplet	564f7f	`#564f7f`
RGB Decimal	86, 79, 127	`rgb(86,79,127)`
RGB Percent	33.7, 31, 49.8	`rgb(33.7%,31%,49.8%)`
CMYK	32, 38, 0, 50
HSL	248.8°, 23.3, 40.4	`hsl(248.8,23.3%,40.4%)`
HSV (or HSB)	248.8°, 37.8, 49.8
Web Safe	666666	`#666666`

CIE-LAB	36.181, 14.718, -26.103
XYZ	10.464, 9.103, 21.283
xyY	0.256, 0.223, 9.103
CIE-LCH	36.181, 29.967, 299.417
CIE-LUV	36.181, 0.313, -37.535
Hunter-Lab	30.171, 9.109, -20.706
Binary	01010110, 01001111, 01111111

#564f7f
```
#564f7f rgb(86,79,127)
```
#787f4f
```
#787f4f rgb(120,127,79)
```

Complementary Color

#4f607f
```
#4f607f rgb(79,96,127)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#6e4f7f
```
#6e4f7f rgb(110,79,127)
```

Analogous Color

#607f4f
```
#607f4f rgb(96,127,79)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#7f6e4f
```
#7f6e4f rgb(127,110,79)
```

Split Complementary Color

#4f7f56
```
#4f7f56 rgb(79,127,86)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#7f564f
```
#7f564f rgb(127,86,79)
```

Triadic Color

#4f787f
```
#4f787f rgb(79,120,127)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#7f564f
```
#7f564f rgb(127,86,79)
```
#787f4f
```
#787f4f rgb(120,127,79)
```

Tetradic Color

#363250
```
#363250 rgb(54,50,80)
```
#413b60
```
#413b60 rgb(65,59,96)
```
#4b456f
```
#4b456f rgb(75,69,111)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#61598f
```
#61598f rgb(97,89,143)
```
#6c639e
```
#6c639e rgb(108,99,158)
```
#7a73a8
```
#7a73a8 rgb(122,115,168)
```

Monochromatic Color

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

#4f547f
```
#4f547f rgb(79,84,127)
```
#4f507f
```
#4f507f rgb(79,80,127)
```
#524f7f
```
#524f7f rgb(82,79,127)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#5a4f7f
```
#5a4f7f rgb(90,79,127)
```
#5e4f7f
```
#5e4f7f rgb(94,79,127)
```
#624f7f
```
#624f7f rgb(98,79,127)
```

Similar Colors

Text with hexadecimal color #564f7f

This text has a font color of #564f7f.

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

#564f7f background color

This paragraph has a background color of #564f7f.

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

#564f7f border color

This element has a border color of #564f7f.

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

CSS codes

.text {color:#564f7f;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0b12
```
#0c0b12 rgb(12,11,18)
```
#14131e
```
#14131e rgb(20,19,30)
```
#1d1a2a
```
#1d1a2a rgb(29,26,42)
```
#252236
```
#252236 rgb(37,34,54)
```
#2d2943
```
#2d2943 rgb(45,41,67)
```
#35314f
```
#35314f rgb(53,49,79)
```
#3d385b
```
#3d385b rgb(61,56,91)
```
#464067
```
#464067 rgb(70,64,103)
```
#4e4773
```
#4e4773 rgb(78,71,115)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#5e578b
```
#5e578b rgb(94,87,139)
```
#665e97
```
#665e97 rgb(102,94,151)
```

Shade Color Variation

#7068a1
```
#7068a1 rgb(112,104,161)
```
#7c74a9
```
#7c74a9 rgb(124,116,169)
```
#8780b0
```
#8780b0 rgb(135,128,176)
```
#928cb8
```
#928cb8 rgb(146,140,184)
```
#9e98bf
```
#9e98bf rgb(158,152,191)
```
#a9a4c7
```
#a9a4c7 rgb(169,164,199)
```
#b5b0ce
```
#b5b0ce rgb(181,176,206)
```
#c0bdd6
```
#c0bdd6 rgb(192,189,214)
```
#ccc9dd
```
#ccc9dd rgb(204,201,221)
```
#d7d5e5
```
#d7d5e5 rgb(215,213,229)
```
#e2e1ec
```
#e2e1ec rgb(226,225,236)
```
#eeedf4
```
#eeedf4 rgb(238,237,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#676767
```
#676767 rgb(103,103,103)
```
#615f6f
```
#615f6f rgb(97,95,111)
```
#5c5777
```
#5c5777 rgb(92,87,119)
```
#564f7f
```
#564f7f rgb(86,79,127)
```
#504787
```
#504787 rgb(80,71,135)
```
#4b3f8f
```
#4b3f8f rgb(75,63,143)
```
#453797
```
#453797 rgb(69,55,151)
```
#402f9f
```
#402f9f rgb(64,47,159)
```
#3a27a7
```
#3a27a7 rgb(58,39,167)
```
#341faf
```
#341faf rgb(52,31,175)
```
#2f18b6
```
#2f18b6 rgb(47,24,182)
```
#2910be
```
#2910be rgb(41,16,190)
```
#2308c6
```
#2308c6 rgb(35,8,198)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#57555f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5c88 Protanopia 1% of men
#4d5d83 Deuteranopia 1% of men
#565f65 Tritanopia 0.001% of the population

Trichromacy

#505785 Protanomaly 1% of men, 0.01% of women
#505882 Deuteranomaly 6% of men, 0.4% of women
#56596f Tritanomaly 0.01% of the population

#564f7f hex color

#564f7f Color Information

#564f7f Color Conversion

Color Schemes with #564f7f

Alternatives to #564f7f

#564f7f Preview

Shades and Tints of #564f7f

Tones of #564f7f

Color Blindness Simulator