#5a676e hex color

In a RGB color space, hex #5a676e is composed of 35.3% red, 40.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 6.4% magenta, 0% yellow and 56.9% black. It has a hue angle of 201 degrees, a saturation of 10% and a lightness of 39.2%. #5a676e color hex could be obtained by blending #b4cedc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #5a676e has RGB values of R:90, G:103, B:110 and CMYK values of C:0.18, M:0.06, Y:0, K:0.57. Its decimal value is 5924718.

Hex triplet	5a676e	`#5a676e`
RGB Decimal	90, 103, 110	`rgb(90,103,110)`
RGB Percent	35.3, 40.4, 43.1	`rgb(35.3%,40.4%,43.1%)`
CMYK	18, 6, 0, 57
HSL	201°, 10, 39.2	`hsl(201,10%,39.2%)`
HSV (or HSB)	201°, 18.2, 43.1
Web Safe	666666	`#666666`

CIE-LAB	42.763, -3.29, -5.601
XYZ	11.881, 13, 16.634
xyY	0.286, 0.313, 13
CIE-LCH	42.763, 6.496, 239.57
CIE-LUV	42.763, -7.099, -7.061
Hunter-Lab	36.055, -4.279, -2.115
Binary	01011010, 01100111, 01101110

#5a676e
```
#5a676e rgb(90,103,110)
```
#6e615a
```
#6e615a rgb(110,97,90)
```

Complementary Color

#5a6e6b
```
#5a6e6b rgb(90,110,107)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#5a5d6e
```
#5a5d6e rgb(90,93,110)
```

Analogous Color

#6e6b5a
```
#6e6b5a rgb(110,107,90)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#6e5a5d
```
#6e5a5d rgb(110,90,93)
```

Split Complementary Color

#676e5a
```
#676e5a rgb(103,110,90)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#6e5a67
```
#6e5a67 rgb(110,90,103)
```

Triadic Color

#5a6e61
```
#5a6e61 rgb(90,110,97)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#6e5a67
```
#6e5a67 rgb(110,90,103)
```
#6e615a
```
#6e615a rgb(110,97,90)
```

Tetradic Color

#384044
```
#384044 rgb(56,64,68)
```
#434d52
```
#434d52 rgb(67,77,82)
```
#4f5a60
```
#4f5a60 rgb(79,90,96)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#65747c
```
#65747c rgb(101,116,124)
```
#71818a
```
#71818a rgb(113,129,138)
```
#7f8e96
```
#7f8e96 rgb(127,142,150)
```

Monochromatic Color

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

#5a6c6e
```
#5a6c6e rgb(90,108,110)
```
#5a6a6e
```
#5a6a6e rgb(90,106,110)
```
#5a696e
```
#5a696e rgb(90,105,110)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#5a656e
```
#5a656e rgb(90,101,110)
```
#5a646e
```
#5a646e rgb(90,100,110)
```
#5a626e
```
#5a626e rgb(90,98,110)
```

Similar Colors

Text with hexadecimal color #5a676e

This text has a font color of #5a676e.

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

#5a676e background color

This paragraph has a background color of #5a676e.

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

#5a676e border color

This element has a border color of #5a676e.

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

CSS codes

.text {color:#5a676e;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#131618
```
#131618 rgb(19,22,24)
```
#1c2022
```
#1c2022 rgb(28,32,34)
```
#252a2d
```
#252a2d rgb(37,42,45)
```
#2e3438
```
#2e3438 rgb(46,52,56)
```
#373f43
```
#373f43 rgb(55,63,67)
```
#40494e
```
#40494e rgb(64,73,78)
```
#485358
```
#485358 rgb(72,83,88)
```
#515d63
```
#515d63 rgb(81,93,99)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#637179
```
#637179 rgb(99,113,121)
```
#6c7b84
```
#6c7b84 rgb(108,123,132)
```

Shade Color Variation

#75858e
```
#75858e rgb(117,133,142)
```
#808f97
```
#808f97 rgb(128,143,151)
```
#8a98a0
```
#8a98a0 rgb(138,152,160)
```
#95a2a8
```
#95a2a8 rgb(149,162,168)
```
#a0abb1
```
#a0abb1 rgb(160,171,177)
```
#abb5ba
```
#abb5ba rgb(171,181,186)
```
#b6bec3
```
#b6bec3 rgb(182,190,195)
```
#c0c8cc
```
#c0c8cc rgb(192,200,204)
```
#cbd1d5
```
#cbd1d5 rgb(203,209,213)
```
#d6dbdd
```
#d6dbdd rgb(214,219,221)
```
#e1e4e6
```
#e1e4e6 rgb(225,228,230)
```
#eceeef
```
#eceeef rgb(236,238,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#626566
```
#626566 rgb(98,101,102)
```
#5a676e
```
#5a676e rgb(90,103,110)
```
#526976
```
#526976 rgb(82,105,118)
```
#4b6c7d
```
#4b6c7d rgb(75,108,125)
```
#436e85
```
#436e85 rgb(67,110,133)
```
#3b708d
```
#3b708d rgb(59,112,141)
```
#347394
```
#347394 rgb(52,115,148)
```
#2c759c
```
#2c759c rgb(44,117,156)
```
#2477a4
```
#2477a4 rgb(36,119,164)
```
#1c79ac
```
#1c79ac rgb(28,121,172)
```
#157cb3
```
#157cb3 rgb(21,124,179)
```
#0d7ebb
```
#0d7ebb rgb(13,126,187)
```
#0580c3
```
#0580c3 rgb(5,128,195)
```

Tone Color Variation

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

Dichromacy

#6c6c74 Protanopia 1% of men
#726a77 Deuteranopia 1% of men
#626e76 Tritanopia 0.001% of the population

Trichromacy

#656a71 Protanomaly 1% of men, 0.01% of women
#696973 Deuteranomaly 6% of men, 0.4% of women
#5f6b73 Tritanomaly 0.01% of the population

#5a676e hex color

#5a676e Color Information

#5a676e Color Conversion

Color Schemes with #5a676e

Alternatives to #5a676e

#5a676e Preview

Shades and Tints of #5a676e

Tones of #5a676e

Color Blindness Simulator