#56667e hex color

In a RGB color space, hex #56667e is composed of 33.7% red, 40% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 19% magenta, 0% yellow and 50.6% black. It has a hue angle of 216 degrees, a saturation of 18.9% and a lightness of 41.6%. #56667e color hex could be obtained by blending #acccfc with #000000. Closest websafe color is: #666666.

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

● #56667e color description : Mostly desaturated dark blue.

The hexadecimal color #56667e has RGB values of R:86, G:102, B:126 and CMYK values of C:0.32, M:0.19, Y:0, K:0.51. Its decimal value is 5662334.

Hex triplet	56667e	`#56667e`
RGB Decimal	86, 102, 126	`rgb(86,102,126)`
RGB Percent	33.7, 40, 49.4	`rgb(33.7%,40%,49.4%)`
CMYK	32, 19, 0, 51
HSL	216°, 18.9, 41.6	`hsl(216,18.9%,41.6%)`
HSV (or HSB)	216°, 31.7, 49.4
Web Safe	666666	`#666666`

CIE-LAB	42.744, 0.07, -15.349
XYZ	12.354, 12.987, 21.593
xyY	0.263, 0.277, 12.987
CIE-LCH	42.744, 15.349, 270.262
CIE-LUV	42.744, -8.958, -21.405
Hunter-Lab	36.038, -1.874, -10.299
Binary	01010110, 01100110, 01111110

#56667e
```
#56667e rgb(86,102,126)
```
#7e6e56
```
#7e6e56 rgb(126,110,86)
```

Complementary Color

#567a7e
```
#567a7e rgb(86,122,126)
```
#56667e
```
#56667e rgb(86,102,126)
```
#5a567e
```
#5a567e rgb(90,86,126)
```

Analogous Color

#7a7e56
```
#7a7e56 rgb(122,126,86)
```
#56667e
```
#56667e rgb(86,102,126)
```
#7e5a56
```
#7e5a56 rgb(126,90,86)
```

Split Complementary Color

#667e56
```
#667e56 rgb(102,126,86)
```
#56667e
```
#56667e rgb(86,102,126)
```
#7e5666
```
#7e5666 rgb(126,86,102)
```

Triadic Color

#567e6e
```
#567e6e rgb(86,126,110)
```
#56667e
```
#56667e rgb(86,102,126)
```
#7e5666
```
#7e5666 rgb(126,86,102)
```
#7e6e56
```
#7e6e56 rgb(126,110,86)
```

Tetradic Color

#374151
```
#374151 rgb(55,65,81)
```
#414d60
```
#414d60 rgb(65,77,96)
```
#4c5a6f
```
#4c5a6f rgb(76,90,111)
```
#56667e
```
#56667e rgb(86,102,126)
```
#60728d
```
#60728d rgb(96,114,141)
```
#6c7f9b
```
#6c7f9b rgb(108,127,155)
```
#7b8ca5
```
#7b8ca5 rgb(123,140,165)
```

Monochromatic Color

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

#56707e
```
#56707e rgb(86,112,126)
```
#566d7e
```
#566d7e rgb(86,109,126)
```
#56697e
```
#56697e rgb(86,105,126)
```
#56667e
```
#56667e rgb(86,102,126)
```
#56637e
```
#56637e rgb(86,99,126)
```
#565f7e
```
#565f7e rgb(86,95,126)
```
#565c7e
```
#565c7e rgb(86,92,126)
```

Similar Colors

Text with hexadecimal color #56667e

This text has a font color of #56667e.

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

#56667e background color

This paragraph has a background color of #56667e.

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

#56667e border color

This element has a border color of #56667e.

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

CSS codes

.text {color:#56667e;}

.background {background-color:#56667e;}

.border {border:1px solid #56667e;}

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

#060809
```
#060809 rgb(6,8,9)
```
#0e1115
```
#0e1115 rgb(14,17,21)
```
#161a21
```
#161a21 rgb(22,26,33)
```
#1e242c
```
#1e242c rgb(30,36,44)
```
#262d38
```
#262d38 rgb(38,45,56)
```
#2e3744
```
#2e3744 rgb(46,55,68)
```
#36404f
```
#36404f rgb(54,64,79)
```
#3e4a5b
```
#3e4a5b rgb(62,74,91)
```
#465367
```
#465367 rgb(70,83,103)
```
#4e5d72
```
#4e5d72 rgb(78,93,114)
```
#56667e
```
#56667e rgb(86,102,126)
```
#5e6f8a
```
#5e6f8a rgb(94,111,138)
```
#667995
```
#667995 rgb(102,121,149)
```

Shade Color Variation

#71839e
```
#71839e rgb(113,131,158)
```
#7d8da6
```
#7d8da6 rgb(125,141,166)
```
#8897ae
```
#8897ae rgb(136,151,174)
```
#94a1b6
```
#94a1b6 rgb(148,161,182)
```
#9facbe
```
#9facbe rgb(159,172,190)
```
#abb6c6
```
#abb6c6 rgb(171,182,198)
```
#b7c0ce
```
#b7c0ce rgb(183,192,206)
```
#c2cad6
```
#c2cad6 rgb(194,202,214)
```
#ced4de
```
#ced4de rgb(206,212,222)
```
#dadfe6
```
#dadfe6 rgb(218,223,230)
```
#e5e9ee
```
#e5e9ee rgb(229,233,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#66696e
```
#66696e rgb(102,105,110)
```
#5e6876
```
#5e6876 rgb(94,104,118)
```
#56667e
```
#56667e rgb(86,102,126)
```
#4e6486
```
#4e6486 rgb(78,100,134)
```
#46638e
```
#46638e rgb(70,99,142)
```
#3e6196
```
#3e6196 rgb(62,97,150)
```
#355f9f
```
#355f9f rgb(53,95,159)
```
#2d5ea7
```
#2d5ea7 rgb(45,94,167)
```
#255caf
```
#255caf rgb(37,92,175)
```
#1d5bb7
```
#1d5bb7 rgb(29,91,183)
```
#1559bf
```
#1559bf rgb(21,89,191)
```
#0d57c7
```
#0d57c7 rgb(13,87,199)
```
#0456d0
```
#0456d0 rgb(4,86,208)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b83 Protanopia 1% of men
#696a85 Deuteranopia 1% of men
#5b7078 Tritanopia 0.001% of the population

Trichromacy

#606981 Protanomaly 1% of men, 0.01% of women
#626982 Deuteranomaly 6% of men, 0.4% of women
#596c7a Tritanomaly 0.01% of the population

#56667e hex color

#56667e Color Information

#56667e Color Conversion

Color Schemes with #56667e

Alternatives to #56667e

#56667e Preview

Shades and Tints of #56667e

Tones of #56667e

Color Blindness Simulator