#5a6164 hex color

In a RGB color space, hex #5a6164 is composed of 35.3% red, 38% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 3% magenta, 0% yellow and 60.8% black. It has a hue angle of 198 degrees, a saturation of 5.3% and a lightness of 37.3%. #5a6164 color hex could be obtained by blending #b4c2c8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 38
- B 39
RGB color chart
- C 10
- M 3
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #5a6164 has RGB values of R:90, G:97, B:100 and CMYK values of C:0.1, M:0.03, Y:0, K:0.61. Its decimal value is 5923172.

Hex triplet	5a6164	`#5a6164`
RGB Decimal	90, 97, 100	`rgb(90,97,100)`
RGB Percent	35.3, 38, 39.2	`rgb(35.3%,38%,39.2%)`
CMYK	10, 3, 0, 61
HSL	198°, 5.3, 37.3	`hsl(198,5.3%,37.3%)`
HSV (or HSB)	198°, 10, 39.2
Web Safe	666666	`#666666`

CIE-LAB	40.643, -2.043, -2.643
XYZ	10.791, 11.643, 13.735
xyY	0.298, 0.322, 11.643
CIE-LCH	40.643, 3.34, 232.304
CIE-LUV	40.643, -3.904, -3.163
Hunter-Lab	34.122, -3.263, 0.02
Binary	01011010, 01100001, 01100100

#5a6164
```
#5a6164 rgb(90,97,100)
```
#645d5a
```
#645d5a rgb(100,93,90)
```

Complementary Color

#5a6462
```
#5a6462 rgb(90,100,98)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#5a5c64
```
#5a5c64 rgb(90,92,100)
```

Analogous Color

#64625a
```
#64625a rgb(100,98,90)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#645a5c
```
#645a5c rgb(100,90,92)
```

Split Complementary Color

#61645a
```
#61645a rgb(97,100,90)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#645a61
```
#645a61 rgb(100,90,97)
```

Triadic Color

#5a645d
```
#5a645d rgb(90,100,93)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#645a61
```
#645a61 rgb(100,90,97)
```
#645d5a
```
#645d5a rgb(100,93,90)
```

Tetradic Color

#363a3c
```
#363a3c rgb(54,58,60)
```
#424749
```
#424749 rgb(66,71,73)
```
#4e5457
```
#4e5457 rgb(78,84,87)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#666e71
```
#666e71 rgb(102,110,113)
```
#727b7f
```
#727b7f rgb(114,123,127)
```
#7f888c
```
#7f888c rgb(127,136,140)
```

Monochromatic Color

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

#5a6464
```
#5a6464 rgb(90,100,100)
```
#5a6364
```
#5a6364 rgb(90,99,100)
```
#5a6264
```
#5a6264 rgb(90,98,100)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#5a6064
```
#5a6064 rgb(90,96,100)
```
#5a5f64
```
#5a5f64 rgb(90,95,100)
```
#5a5f64
```
#5a5f64 rgb(90,95,100)
```

Similar Colors

Text with hexadecimal color #5a6164

This text has a font color of #5a6164.

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

#5a6164 background color

This paragraph has a background color of #5a6164.

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

#5a6164 border color

This element has a border color of #5a6164.

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

CSS codes

.text {color:#5a6164;}

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

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

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

#060707
```
#060707 rgb(6,7,7)
```
#101111
```
#101111 rgb(16,17,17)
```
#191b1c
```
#191b1c rgb(25,27,28)
```
#222526
```
#222526 rgb(34,37,38)
```
#2c2f30
```
#2c2f30 rgb(44,47,48)
```
#35393b
```
#35393b rgb(53,57,59)
```
#3e4345
```
#3e4345 rgb(62,67,69)
```
#474d4f
```
#474d4f rgb(71,77,79)
```
#51575a
```
#51575a rgb(81,87,90)
```
#5a6164
```
#5a6164 rgb(90,97,100)
```
#636b6e
```
#636b6e rgb(99,107,110)
```
#6d7579
```
#6d7579 rgb(109,117,121)
```
#767f83
```
#767f83 rgb(118,127,131)
```

Shade Color Variation

#80898d
```
#80898d rgb(128,137,141)
```
#8a9296
```
#8a9296 rgb(138,146,150)
```
#959c9f
```
#959c9f rgb(149,156,159)
```
#9fa6a8
```
#9fa6a8 rgb(159,166,168)
```
#a9afb2
```
#a9afb2 rgb(169,175,178)
```
#b3b9bb
```
#b3b9bb rgb(179,185,187)
```
#bec2c4
```
#bec2c4 rgb(190,194,196)
```
#c8ccce
```
#c8ccce rgb(200,204,206)
```
#d2d6d7
```
#d2d6d7 rgb(210,214,215)
```
#dddfe0
```
#dddfe0 rgb(221,223,224)
```
#e7e9ea
```
#e7e9ea rgb(231,233,234)
```
#f1f2f3
```
#f1f2f3 rgb(241,242,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#5a6164
```
#5a6164 rgb(90,97,100)
```
#53646b
```
#53646b rgb(83,100,107)
```
#4b6773
```
#4b6773 rgb(75,103,115)
```
#446a7a
```
#446a7a rgb(68,106,122)
```
#3d6d81
```
#3d6d81 rgb(61,109,129)
```
#357089
```
#357089 rgb(53,112,137)
```
#2e7390
```
#2e7390 rgb(46,115,144)
```
#277597
```
#277597 rgb(39,117,151)
```
#20789e
```
#20789e rgb(32,120,158)
```
#187ba6
```
#187ba6 rgb(24,123,166)
```
#117ead
```
#117ead rgb(17,126,173)
```
#0a81b4
```
#0a81b4 rgb(10,129,180)
```
#0284bc
```
#0284bc rgb(2,132,188)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68676b Protanopia 1% of men
#6f656d Deuteranopia 1% of men
#636870 Tritanopia 0.001% of the population

Trichromacy

#636568 Protanomaly 1% of men, 0.01% of women
#676369 Deuteranomaly 6% of men, 0.4% of women
#5f656b Tritanomaly 0.01% of the population

#5a6164 hex color

#5a6164 Color Information

#5a6164 Color Conversion

Color Schemes with #5a6164

Alternatives to #5a6164

#5a6164 Preview

Shades and Tints of #5a6164

Tones of #5a6164

Color Blindness Simulator