#5a566e hex color

In a RGB color space, hex #5a566e is composed of 35.3% red, 33.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 21.8% magenta, 0% yellow and 56.9% black. It has a hue angle of 250 degrees, a saturation of 12.2% and a lightness of 38.4%. #5a566e color hex could be obtained by blending #b4acdc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 34
- B 43
RGB color chart
- C 18
- M 22
- Y 0
- K 57
CMYK color chart

● #5a566e color description : Very dark grayish blue.

The hexadecimal color #5a566e has RGB values of R:90, G:86, B:110 and CMYK values of C:0.18, M:0.22, Y:0, K:0.57. Its decimal value is 5920366.

Hex triplet	5a566e	`#5a566e`
RGB Decimal	90, 86, 110	`rgb(90,86,110)`
RGB Percent	35.3, 33.7, 43.1	`rgb(35.3%,33.7%,43.1%)`
CMYK	18, 22, 0, 57
HSL	250°, 12.2, 38.4	`hsl(250,12.2%,38.4%)`
HSV (or HSB)	250°, 21.8, 43.1
Web Safe	666666	`#666666`

CIE-LAB	37.762, 7.097, -13.126
XYZ	10.358, 9.955, 16.127
xyY	0.284, 0.273, 9.955
CIE-LCH	37.762, 14.922, 298.401
CIE-LUV	37.762, 0.636, -18.518
Hunter-Lab	31.552, 3.385, -8.219
Binary	01011010, 01010110, 01101110

#5a566e
```
#5a566e rgb(90,86,110)
```
#6a6e56
```
#6a6e56 rgb(106,110,86)
```

Complementary Color

#565e6e
```
#565e6e rgb(86,94,110)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#66566e
```
#66566e rgb(102,86,110)
```

Analogous Color

#5e6e56
```
#5e6e56 rgb(94,110,86)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#6e6656
```
#6e6656 rgb(110,102,86)
```

Split Complementary Color

#566e5a
```
#566e5a rgb(86,110,90)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#6e5a56
```
#6e5a56 rgb(110,90,86)
```

Triadic Color

#566a6e
```
#566a6e rgb(86,106,110)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#6e5a56
```
#6e5a56 rgb(110,90,86)
```
#6a6e56
```
#6a6e56 rgb(106,110,86)
```

Tetradic Color

#373443
```
#373443 rgb(55,52,67)
```
#434051
```
#434051 rgb(67,64,81)
```
#4e4b60
```
#4e4b60 rgb(78,75,96)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#66617c
```
#66617c rgb(102,97,124)
```
#716c8b
```
#716c8b rgb(113,108,139)
```
#7f7a97
```
#7f7a97 rgb(127,122,151)
```

Monochromatic Color

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

#56586e
```
#56586e rgb(86,88,110)
```
#56566e
```
#56566e rgb(86,86,110)
```
#58566e
```
#58566e rgb(88,86,110)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#5c566e
```
#5c566e rgb(92,86,110)
```
#5e566e
```
#5e566e rgb(94,86,110)
```
#60566e
```
#60566e rgb(96,86,110)
```

Similar Colors

Text with hexadecimal color #5a566e

This text has a font color of #5a566e.

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

#5a566e background color

This paragraph has a background color of #5a566e.

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

#5a566e border color

This element has a border color of #5a566e.

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

CSS codes

.text {color:#5a566e;}

.background {background-color:#5a566e;}

.border {border:1px solid #5a566e;}

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, #09090b is the darkest color, while #ffffff is the lightest one.

#09090b
```
#09090b rgb(9,9,11)
```
#121116
```
#121116 rgb(18,17,22)
```
#1b1a21
```
#1b1a21 rgb(27,26,33)
```
#24222c
```
#24222c rgb(36,34,44)
```
#2d2b37
```
#2d2b37 rgb(45,43,55)
```
#363442
```
#363442 rgb(54,52,66)
```
#3f3c4d
```
#3f3c4d rgb(63,60,77)
```
#484558
```
#484558 rgb(72,69,88)
```
#514d63
```
#514d63 rgb(81,77,99)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#635f79
```
#635f79 rgb(99,95,121)
```
#6c6784
```
#6c6784 rgb(108,103,132)
```
#75708f
```
#75708f rgb(117,112,143)
```

Shade Color Variation

#807b98
```
#807b98 rgb(128,123,152)
```
#8a86a0
```
#8a86a0 rgb(138,134,160)
```
#9591a9
```
#9591a9 rgb(149,145,169)
```
#9f9cb1
```
#9f9cb1 rgb(159,156,177)
```
#aaa7ba
```
#aaa7ba rgb(170,167,186)
```
#b5b2c3
```
#b5b2c3 rgb(181,178,195)
```
#bfbdcb
```
#bfbdcb rgb(191,189,203)
```
#cac8d4
```
#cac8d4 rgb(202,200,212)
```
#d4d3dd
```
#d4d3dd rgb(212,211,221)
```
#dfdee5
```
#dfdee5 rgb(223,222,229)
```
#eae9ee
```
#eae9ee rgb(234,233,238)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5f5e66
```
#5f5e66 rgb(95,94,102)
```
#5a566e
```
#5a566e rgb(90,86,110)
```
#554e76
```
#554e76 rgb(85,78,118)
```
#50477d
```
#50477d rgb(80,71,125)
```
#4b3f85
```
#4b3f85 rgb(75,63,133)
```
#46388c
```
#46388c rgb(70,56,140)
```
#413094
```
#413094 rgb(65,48,148)
```
#3c299b
```
#3c299b rgb(60,41,155)
```
#3721a3
```
#3721a3 rgb(55,33,163)
```
#321aaa
```
#321aaa rgb(50,26,170)
```
#2d12b2
```
#2d12b2 rgb(45,18,178)
```
#280bb9
```
#280bb9 rgb(40,11,185)
```
#2303c1
```
#2303c1 rgb(35,3,193)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5a595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6076 Protanopia 1% of men
#605f75 Deuteranopia 1% of men
#5f6168 Tritanopia 0.001% of the population

Trichromacy

#5b5c73 Protanomaly 1% of men, 0.01% of women
#5d5c72 Deuteranomaly 6% of men, 0.4% of women
#5d5d6a Tritanomaly 0.01% of the population

#5a566e hex color

#5a566e Color Information

#5a566e Color Conversion

Color Schemes with #5a566e

Alternatives to #5a566e

#5a566e Preview

Shades and Tints of #5a566e

Tones of #5a566e

Color Blindness Simulator