#565458 hex color

In a RGB color space, hex #565458 is composed of 33.7% red, 32.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 4.5% magenta, 0% yellow and 65.5% black. It has a hue angle of 270 degrees, a saturation of 2.3% and a lightness of 33.7%. #565458 color hex could be obtained by blending #aca8b0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 34
- G 33
- B 35
RGB color chart
- C 2
- M 5
- Y 0
- K 65
CMYK color chart

● #565458 color description : Very dark grayish violet.

The hexadecimal color #565458 has RGB values of R:86, G:84, B:88 and CMYK values of C:0.02, M:0.05, Y:0, K:0.65. Its decimal value is 5657688.

Hex triplet	565458	`#565458`
RGB Decimal	86, 84, 88	`rgb(86,84,88)`
RGB Percent	33.7, 32.9, 34.5	`rgb(33.7%,32.9%,34.5%)`
CMYK	2, 5, 0, 65
HSL	270°, 2.3, 33.7	`hsl(270,2.3%,33.7%)`
HSV (or HSB)	270°, 4.5, 34.5
Web Safe	666666	`#666666`

CIE-LAB	36.03, 1.665, -2.042
XYZ	8.769, 9.024, 10.512
xyY	0.31, 0.319, 9.024
CIE-LCH	36.03, 2.635, 309.192
CIE-LUV	36.03, 0.865, -2.812
Hunter-Lab	30.039, -0.461, 0.28
Binary	01010110, 01010100, 01011000

#565458
```
#565458 rgb(86,84,88)
```
#565854
```
#565854 rgb(86,88,84)
```

Complementary Color

#545458
```
#545458 rgb(84,84,88)
```
#565458
```
#565458 rgb(86,84,88)
```
#585458
```
#585458 rgb(88,84,88)
```

Analogous Color

#545854
```
#545854 rgb(84,88,84)
```
#565458
```
#565458 rgb(86,84,88)
```
#585854
```
#585854 rgb(88,88,84)
```

Split Complementary Color

#545856
```
#545856 rgb(84,88,86)
```
#565458
```
#565458 rgb(86,84,88)
```
#585654
```
#585654 rgb(88,86,84)
```

Triadic Color

#545658
```
#545658 rgb(84,86,88)
```
#565458
```
#565458 rgb(86,84,88)
```
#585654
```
#585654 rgb(88,86,84)
```
#565854
```
#565854 rgb(86,88,84)
```

Tetradic Color

#302f31
```
#302f31 rgb(48,47,49)
```
#3d3b3e
```
#3d3b3e rgb(61,59,62)
```
#49484b
```
#49484b rgb(73,72,75)
```
#565458
```
#565458 rgb(86,84,88)
```
#636065
```
#636065 rgb(99,96,101)
```
#706d72
```
#706d72 rgb(112,109,114)
```
#7c797f
```
#7c797f rgb(124,121,127)
```

Monochromatic Color

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

#555458
```
#555458 rgb(85,84,88)
```
#555458
```
#555458 rgb(85,84,88)
```
#565458
```
#565458 rgb(86,84,88)
```
#565458
```
#565458 rgb(86,84,88)
```
#565458
```
#565458 rgb(86,84,88)
```
#575458
```
#575458 rgb(87,84,88)
```
#575458
```
#575458 rgb(87,84,88)
```

Similar Colors

Text with hexadecimal color #565458

This text has a font color of #565458.

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

#565458 background color

This paragraph has a background color of #565458.

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

#565458 border color

This element has a border color of #565458.

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

CSS codes

.text {color:#565458;}

.background {background-color:#565458;}

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

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

#080708
```
#080708 rgb(8,7,8)
```
#111112
```
#111112 rgb(17,17,18)
```
#1b1b1c
```
#1b1b1c rgb(27,27,28)
```
#252426
```
#252426 rgb(37,36,38)
```
#2f2e30
```
#2f2e30 rgb(47,46,48)
```
#39373a
```
#39373a rgb(57,55,58)
```
#424144
```
#424144 rgb(66,65,68)
```
#4c4a4e
```
#4c4a4e rgb(76,74,78)
```
#565458
```
#565458 rgb(86,84,88)
```
#605e62
```
#605e62 rgb(96,94,98)
```
#6a676c
```
#6a676c rgb(106,103,108)
```
#737176
```
#737176 rgb(115,113,118)
```
#7d7a80
```
#7d7a80 rgb(125,122,128)
```

Shade Color Variation

#87848a
```
#87848a rgb(135,132,138)
```
#918e93
```
#918e93 rgb(145,142,147)
```
#9b989d
```
#9b989d rgb(155,152,157)
```
#a4a2a7
```
#a4a2a7 rgb(164,162,167)
```
#aeacb0
```
#aeacb0 rgb(174,172,176)
```
#b8b6ba
```
#b8b6ba rgb(184,182,186)
```
#c2c0c3
```
#c2c0c3 rgb(194,192,195)
```
#cccacd
```
#cccacd rgb(204,202,205)
```
#d6d5d6
```
#d6d5d6 rgb(214,213,214)
```
#dfdfe0
```
#dfdfe0 rgb(223,223,224)
```
#e9e9ea
```
#e9e9ea rgb(233,233,234)
```
#f3f3f3
```
#f3f3f3 rgb(243,243,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#565458
```
#565458 rgb(86,84,88)
```
#564d5f
```
#564d5f rgb(86,77,95)
```
#564765
```
#564765 rgb(86,71,101)
```
#56406c
```
#56406c rgb(86,64,108)
```
#563a72
```
#563a72 rgb(86,58,114)
```
#563379
```
#563379 rgb(86,51,121)
```
#562c80
```
#562c80 rgb(86,44,128)
```
#562686
```
#562686 rgb(86,38,134)
```
#561f8d
```
#561f8d rgb(86,31,141)
```
#561894
```
#561894 rgb(86,24,148)
```
#56129a
```
#56129a rgb(86,18,154)
```
#560ba1
```
#560ba1 rgb(86,11,161)
```
#5605a7
```
#5605a7 rgb(86,5,167)
```

Tone Color Variation

Below, you can see how #565458 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
#555556 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5d60 Protanopia 1% of men
#645b61 Deuteranopia 1% of men
#5f5c63 Tritanopia 0.001% of the population

Trichromacy

#5b595d Protanomaly 1% of men, 0.01% of women
#5f585d Deuteranomaly 6% of men, 0.4% of women
#5b595f Tritanomaly 0.01% of the population

#565458 hex color

#565458 Color Information

#565458 Color Conversion

Color Schemes with #565458

Alternatives to #565458

#565458 Preview

Shades and Tints of #565458

Tones of #565458

Color Blindness Simulator